kendoDateTimePicker 结束日期不小于开始日期验证检查剑道网格

问题描述

我需要设置验证，To Date 不能小于 From Date。我有一个 kendo UI Grid，因为我有 2 列 FromDate 和 ToDate。我正在使用 jQuery Kendo UI 网格。剑道网格中的 kendoDateTimePicker。请查看我的代码和模型以及屏幕截图。如何实现用户不能选择小于起始日期的 ToDate？

**** 我已经更新了我的代码。它在编辑模式下工作正常，但创建模式（新行命令）不起作用。**

  columns: [ {
                            field: "ScheduledDate",title: "From Date",editor: _dateTimeEditor,template: function (row) { return moment(row.ScheduledDate).format(DEFAULT_MOMENT_DATETIME_FORMAT); },width: "24%"
                        },{
                            field: "ScheduledEndDate",title: "To Date",template: function (row) { return moment(row.ScheduledEndDate).format(DEFAULT_MOMENT_DATETIME_FORMAT); },width: "24%"
                        }],

-----------日期时间编辑器------------

var _dateTimeEditor = function (container,options) {

        let input = $('<input type="text" />');

        input.attr("name",options.field);

        input.appendTo(container)                    
            .kendoDateTimePicker({
                valuePrimitive: true,format: DEFAULT_KENDO_DATETIME_FORMAT,open: function (e) {
                    if (e.view === "time") {
                        e.sender.timeView.dataBind([

                            new Date(1970,1,7,30),new Date(1970,8),8,9),9,10),10,11),11,12),12,13),13,14),14,15),15,16),16,17),17,18),18,30)
                        ])
                    }
                     switch (options.field) {
                                case "ScheduledDate":
                                    if (options.model.ScheduledEndDate) {
                                        datepicker.max(options.model.ScheduledEndDate);
                                    }
                                    break;

                                case "ScheduledEndDate":
                                    if (options.model.ScheduledDate) {
                                        datepicker.min(options.model.ScheduledDate);
                                    }
                                    break;
                            }
                }                        
            }).attr("readonly",true);                
            $("<span class='k-invalid-msg' data-for='" + options.field + "'></span>").appendTo(container);
            let datepicker = input.data("kendoDateTimePicker");
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）