jquery datetime picker set minDate dynamic

jquery datetimepicker mindate
luca picture luca · Mar 21, 2011 · Viewed 75.7k times · Source

I guys i'm using a datetimepicker by trentrichardson.com.

I have a form with two input fields : from and to and i want to be able to set dynamically a minDate to my "to" field equal to the value of my "from" field.

I know i should use a beforShow option but don't know how to implement the function.

$('.from,.to').datetimepicker({

    beforeShow: customRange

});

EDITED/SOLUTION

function customRange(input) {   
if (input.id == 'to') {     
var x=$('#from').datepicker("getDate");
$( ".to" ).datepicker( "option", "minDate",x ); 
} 
else if (input.id == 'from') {     
var x=$('#to').datepicker("getDate");
$( ".from" ).datepicker( "option", "maxDate",x ); 
} }

Answer

felixsigl picture felixsigl · Mar 21, 2011

you can set and get minDate dynamically with setter and getter:

//getter
var minDate = $( ".selector" ).datepicker( "option", "minDate" );
//setter
$( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );

explained here

Related questions

jQuery date/time picker

I've been looking around for a decent jQuery plugin that can handle both dates and times. The core UI DatePicker is great, but unfortunately I need to be able to take time in as well. I've found a few hacks …

Read More
Bootstrap date and time picker

Suggest me any JavaScript to pick the date and time . NOTE: I want to use only one file for date and time picking. I already see this: http://www.eyecon.ro/bootstrap-datepicker/ and http://jdewit.github.com/bootstrap-timepicker/index.html

Read More
Set default time in bootstrap-datetimepicker

I want to set default time in this datetimepicker as 00:01 for the current date. Anyone tried that before? Having a tough time with it. It Seems simple. $('#startdatetime-from').datetimepicker({ language: 'en', format: 'yyyy-MM-dd hh:mm' }); I need to use …

Read More