首页 > JS专栏 > JS限制日期选择器的开始日期和结束日期
2015
04-29

JS限制日期选择器的开始日期和结束日期

今天在写一个js日期选择器的时候,遇到这样一个问题:我是做旅游产品的,当用户进去下单页面时,需要选择一个出发日期,但是我不希望用户可以选择早于今天的日期(例如今天是2015年4月29日,图中早于今天的日期都是灰色不能选择的),研究了半天才发现,只需要一个很简单的参数就可以限制用户不能选择早于今天的日期。

JS代码:

$('.start_time').datepicker({dateFormat: 'yy-mm-dd',minDate:"2015-04-29",yearRange: '2015:2020'});

说明:dateFormat是格式化时间的格式,minDate参数可以限制选择器的最小日期,maxDate则可以显示选择器的最大日期,yearRange是年份的期间(例如2015:2022,则选择器只显示2015年至2022年)。minDate和minDate中的时间大家可以通过php或者jsp动态传输进去。


留下一个回复