如何使用 AngularJs 在 KendoDateTimePicker 中为日期选择器设置 Min/Max

Question

我正在使用一个 kendo 网格，其中每一行都有一个日期时间选择器作为列。

日期时间选择器应该只允许用户选择昨天和今天的日期和时间是灵活的。

我尝试了很多方法，但我无法完成它。

我的网格列是-

 { field: "Fac", title: "Fac Name", width: "100px", editor: $scope.facDropDownEditor, template: "#=(FacFacyName==null)? '' : Fac.FacName #" },
          { field: "RecordedDate", title: "Date - Time", format: "{0:yyyy-MM-dd HH:mm}", editor: dateTimeEditor, width: "100px" },
          { field: "Remarks",title:"Remarks",width:"120px"},
        { field: "Volume", title: "Volume", width: "100px" },
    {
        command: [
           {
               name: "edit", title: "Edit", "template": "<a class='k-button k-grid-edit' href='' style='min-width:40px;' title=\"Edit\"><span class='k-icon k-i-edit'></span></a>"
           },
        ], field: "Actions",title:"Actions", width: "60px"
    }

我的 datetimeEditor 是-

function dateTimeEditor(container, options) {
    $('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
            .appendTo(container)
            .kendoDateTimePicker({});
}

如何编辑日期选择器以便我只能选择今天和昨天的日期

Answer 1

希望这对您有所帮助！

function dateTimeEditor(container, options) {
        $('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
                .appendTo(container)
                .kendoDateTimePicker({
                     max:new Date();//todays day
                     var yestarday= new Date();
                     yestarday.setDate(dt.getDate() - 1);
                     min:yestarday;//yestardays date
             });
}

如何使用 AngularJs 在 KendoDateTimePicker 中为日期选择器设置 Min/Max

How to set Min/Max for date picker in KendoDateTimePicker using AngularJs

javascript

datetimepicker

kendo-ui

angularjs

kendo-grid