jQuery UI datepicker日期范围
我正在尝试设置两个日期选择器,如http://jqueryui.com/demos/datepicker/#date-range 。 但是,如果您手动输入该示例中的日期,则可以破坏代码。 例如,从日期中选择一个,然后选择器阻止您选择从出发日期之前的日期,但您可以手动输入更早的日期。
我在这里建立了这个例子http://jsfiddle.net/Ruhley/s3h5L/
- 第一个想法
- 使用
beforeShow
而不是onSelect
来设置最大/最小日期范围。 您仍然可以手动输入错误的值,但只要您尝试打开日期选择器,它就会自动更正。 - 为避免手动篡改,您可以
readonly
字段。
- 使用
- 第二个想法
- 使用
beforeShow
,同时在字段的change
事件中进行一些手动检查。 ( http://jsfiddle.net/s3h5L/4/ )
- 使用
这对我来说没问题,但点击一次后无法从日期改变。 (因为失误) 。 我猜从日期选择器中可以选择所有日期而不是将来的日期