jQuery UI datepicker日期范围

Question

我正在尝试设置两个日期选择器,如http://jqueryui.com/demos/datepicker/#date-range.但是,如果您手动输入该示例中的日期,则可以破坏代码.例如,从日期中选择一个,然后选择器阻止您选择从起始日期之前的日期,但您可以手动输入更早的日期.

我在这里建立了这个例子http://jsfiddle.net/Ruhley/s3h5L/

Answer 1

1. 第一个想法
   • 使用beforeShow而不是onSelect设置最大/最小日期范围.您仍然可以手动输入错误的值,但只要您尝试打开日期选择器,它就会自动更正.
   • 为避免手动篡改,您可以制作readonly字段.
2. 第二个想法
   • 使用beforeShow并同时change在字段事件中进行一些手动检查.(http://jsfiddle.net/s3h5L/4/)