两个日期之间的淘汰赛验证？

Question

我有两个文本框，它们与 Datepicker 绑定处理程序绑定，以便在单击文本框 (DD/MM/YYYY) 时显示一个日期选择器。

我的两个文本框是 From 和 To 文本框。顾名思义，我希望验证能够像 To 那样工作，日期总是大于 From 。

我尝试使用谷歌搜索，但遗憾的是我的努力不足以获取正确的信息。

坦率地说，我已经使用带有拆分的 jquery 完成了此验证，比较有点循环和复杂，最重要的是它不是淘汰方式。

我正在尝试以 KnockOut 方式做事，欢迎提出任何建议。

更新：我正在尝试这样的事情

self.Validation = ko.validatedObservable([

            self.ToDate.extend({ 
                validation: {
                    validator: function (val, someOtherVal) {
                         Date.parse(val) > Date.parse(someOtherVal()); 
       var date1 = val.split('/'); var date2 = someOtherVal().split('/');
      var TDate = new Date(date1[2], date1[1], date1[0]); var FDate = new Date(date1[2],             date1[1], date1[0]);
                         if (Date.parse(Tdate) > Date.parse(FDate))
                         { return true; } else { return false; }
                    },
                    message: 'Must be greater than FromDate',
                    params: self.FromDate
                } 
            })
        ]);

好吧，代码看起来很乱。如果我有空的val，即ToDate，则我在OnLoad 时遇到上述代码的一个问题。我在split 收到错误，这是正确的。有什么办法可以限制这个错误。

Answer 1

让你的 to/from 值都绑定到计算的读/写 observable，这些 observable 正在写入视图模型中的私有 observable。

self._StartTime = ko.observable();
self.StartTime = ko.computed({
    read: function () { return self._StartTime(); },
    write: function (newStartTime) {
        if (!newStartTime) {
            self._StartTime(null);
            self._EndTime(null);
            return;
        }
        // other code here
    }
});

对结束时间执行相同操作，当从任一输入字段完成读/写时，您可以访问计算区域中的两个参数...

Answer 2

使用瞬间你可以很容易地做到这一点

ko.validation.rules['dateGreaterThen'] = {
    validator: function (val, otherVal) {
        var d1 = moment(val, 'yy/mm/dd');
        var d2 = moment(otherVal(), 'yy/mm/dd');
        return d1 >= d2
    },
    message: function (val) {
        var date = moment(val()).format('yy/mm/dd')
        return 'The date must be greater then or equal to ' + date
    }
};

ko.validation.registerExtenders();