开始日期结束日期验证 -Jquery/javascript - kendoUI答案

【问题标题】：start date end date validation -Jquery/javascript - kendoUI开始日期结束日期验证 -Jquery/javascript - kendoUI
【发布时间】：2018-01-31 23:07:09
【问题描述】：

有人知道在 KendoUI 中做同样的功能吗

[fiddle][1]
[1]: http://jsfiddle.net/PPSh3/7/

我真的不明白如何将此 jquery 功能转换为剑道。这是一个谦虚的要求。最好有人下来帮忙

非常感谢您的帮助

【问题讨论】：

参考此链接：demos.telerik.com/kendo-ui/datepicker/index
@MaulikBhatt 抱歉，这不符合我的要求。请检查我的小提琴。我只想要剑道日期选择器中的相同:(
或者这个更好API Reference
你的问题不清楚，你想达到什么目的？您想在 datePicker 上设置最大日期，为什么有 2 个 datePicker。你想验证什么？
我正在尝试验证结束日期不应早于开始日期。这是在那个小提琴示例中发生的事情，我想在 kendo datepicker 中实现同样的事情。我希望在结束日期中禁用/淡出过去的日期，这与小提琴示例完全相同。老实说，到目前为止我还没有在 kendoui 上尝试过任何东西，因为我是新手

标签： javascript jquery validation kendo-ui datepicker

【解决方案1】：

这与您链接的小提琴中的逻辑几乎相同。当您设置开始日期时，您将其日期设置为结束日期的限制，反之亦然：

changeDate = function() {
    if ($(this.element).is("#start")) {
        $("#end").data("kendoDatePicker").setOptions({ min: this.value() });
    }
    else {
        $("#start").data("kendoDatePicker").setOptions({ max: this.value() });
    }
}

...
$("#startdate").kendoDatePicker({ change: changeDate });

Demo

【讨论】：

非常感谢MegaMind先生。你完全拯救了我的一天