jQuery UI datepicker日期范围

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

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

  1. 第一个想法
    • 使用beforeShow而不是onSelect来设置最大/最小日期范围。 您仍然可以手动输入错误的值,但只要您尝试打开日期选择器,它就会自动更正。
    • 为避免手动篡改,您可以readonly字段。
  2. 第二个想法

这对我来说没问题,但点击一次后无法从日期改变。 (因为失误) 。 我猜从日期选择器中可以选择所有日期而不是将来的日期