Autofill/Limit date in date field

HI @itsmir

I hope you’re well today!

Forminator has “Datepicker” field built-in so it’s possible to use it this way with a little “trick”:

1. add the “datepicker” type field to the form
2. in field’s “Settings” tab set “Default date” to “Today”
3. in field’s “Limits” tab set both “Start Date” and “End Date” option to “Today” with a “+” offset of “14 days”.

Save the field and form.

Now if you visit that form on front-end, you’ll see the date picker field with default date set to today. If you don’t make any choices in this field, the date in submission will actually be today + 14 days.

If you try to make some choice in datepicker, you won’t be able to submit the form until you select the only date available which, in this case, will be only the “toda + 14 days” date.

You can also hide that field entirely on front-end with a bit of CSS code like this:

#date-1 {
	display:none!important;
}

Note: if there’ll be more than one datepicker fields on the same form, you may need adjust the number 1 in this CSS to match the related field on form.

Best regards,
Adam

Hi @itsmir,

Could you please try this snippet and then see whether it works fine?

<?php

add_action( 'wp_footer', 'wpmudev_autoset_date', 9999 );
function wpmudev_autoset_date() {
	global $post;
    if ( is_a( $post, 'WP_Post' ) && !has_shortcode( $post->post_content, 'forminator_form' ) ) {
        return;
    }
	?>
	<script type="text/javascript">
	jQuery(document).ready(function($){
		setTimeout(function() {
			$('.forminator-custom-form').trigger('after.load.forminator');
		},100);

		$(document).on('after.load.forminator', function(e, form_id) {
			if ( e.target.id == 'forminator-module-2910' ) {
				var next_date = $('#date-1 input').datepicker('getDate');
				next_date.setDate(next_date.getDate() + 14);
				$('#date-1 input').datepicker('setDate', next_date);
			}
		});
	});
	</script>
	<?php
}

You’ll need to update the above Snippet in the following line with your form ID, ie:

			if ( e.target.id == 'forminator-module-2910' ) {
	

Suppose the form ID is 123, then the above line will change to:

			if ( e.target.id == 'forminator-module-123' ) {
	

You can add the code as a mu-plugins. Please check this link on how to implement the above code as a mu-plugins:
https://wpmudev.com/docs/using-wordpress/installing-wordpress-plugins/#installing-mu-plugins

Kind Regards,
Nithin

Hi @itsmir,

Could you please share the form export so that we can give a closer look at this?

Also, if possible, please attach the full code you have applied on your website so that we can have a better idea of what might have been missed.

You can use Google Drive, Dropbox or any such cloud services to share the export and code in the next reply.

Looking forward to your response.

Kind Regards,
Nithin

Hi @itsmir

Thanks for response and sharing the form.

Getting a step back: when I suggested solution with setting limits in datepicker field I actually tested it on my setup before posting and it seemed to work fine. But I’ve tested your form now and I can confirm that it’s not working as expected.

So I did some more testing and it seems that I wasn’t right – it appeared to be working for me but on a very simple form with only a single datepicker and I actually made a mistake during testing. I sincerely apologize for that!

—–

As for the solution, please keep the form as is and make sure that the code that was shared is still there (mu plugin) and then go to form’s “Behavior” settings and switch of “Load form using AJAX” option under “Rendering” section.

Then update the form and clear all cache on site/server and check it again. It should be working then but please double-check it.

Kind regards,
Adam

Hi @itsmir

Sorry to hear it, can you please try this CSS in WordPress > Appearance > Customise > Additional CSS:

.page-id-1569 #ui-datepicker-div{
    display: none;
}

Let us know the result you got,
Best Regards
Patrick Freitas

Hi @itsmir,

Glad to hear it’s sorted; feel free to mark this thread as resolved if you don’t have any further queries.

If you have a moment, we would greatly appreciate it if you could rate our plugin quickly.

This will help us keep the plugin available for free.
https://wordpress.org/support/plugin/forminator/reviews/#new-post

Regards,
Nithin