使用Jquery UI datepicker日期显示进行淘汰

时间:2012-10-10 00:58:46

标签: javascript jquery-ui knockout.js datepicker jquery-ui-datepicker

请参阅此链接了解详情http://jsfiddle.net/pakpatel/5p6Uz/4/

我们可以在Datepicker中执行范围,如果第一个日期选择[10/12/2012],那么第二个日期不应该在10/12/2012之前,客户可以选择日期之后的日期。[10/13/2012]在datepicker。

有人能解释我如何实施。提前谢谢。

1 个答案:

答案 0 :(得分:1)

通过将前一行的数据用作新的min,这使它具有挑战性。

工作演示位于http://jsfiddle.net/photo_tom/5p6Uz/24/

有两件事需要。

  1. 添加了一个计算的observable,将前一行的选择值传递给当前行。
  2. 添加了一个新的minDate绑定,用于在日期选择器上设置mindate选项。
  3. 这不是一个完整的小提琴。它无法正确处理添加或删除。这是因为需要重建ko.computables。


    修改

    更新以处理添加/删除方法。有趣的问题,试图在表格中的两个不同行之间传递信息。好挑战。

    http://jsfiddle.net/5p6Uz/34/的消息。