Set minDate (and other options) of date_pickers

• oceanson

• November 4, 2017 at 2:08 am

I”m trying to set the minDate of two fields, Start and End dates, as well as update the End date when the Start date changes. My code should work, but clearly, I am missing something. Any keen eyes would be appreciated.

This code is on the template page where my acf_form is instantiated:

<script type="text/javascript">
	$( document ).ready( function () ) {

		// Set Audition-End-Date (466) initial minDate option
		$( "td.acf-field_59bae78451466 > div.acf-input > div.acf-date_picker > input.hasDatepicker" ).datepicker( {
			minDate: new Date( '+8d' )
		} );

		// Set Audition-Start-Date (465) initial minDate option and End-date updater
		$( "td.acf-field_59bae74851465 > div.acf-input > div.acf-date_picker > input.hasDatepicker" ).datepicker( {
			minDate: new Date( '+8d' ),
			onSelect: function () {
				var strdate = $( this ).datepicker( 'getDate' );
				var enddate = $( "td.acf-field_59bae78451466 > div.acf-input > div.acf-date_picker > input.hasDatepicker" ).datepicker( 'getDate' );
				if ( enddate < strdate ) {
					$( "td.acf-field_59bae78451466 > div.acf-input > div.acf-date_picker > input.hasDatepicker" ).datepicker( "option", "minDate", new Date( strdate ) );
				}
			}
		} );
	};
</script>