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

Posted 2023-05-09

【中文标题】开始日期结束日期验证 -Jquery/javascript - kendoUI

【英文标题】：start date end date validation -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 上尝试过任何东西，因为我是新手

【参考方案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先生。你完全拯救了我的一天