如何使用AngularJs在KendoDateTimePicker中设置日期选择器的最小值/最大值

时间:2017-06-28 09:30:27

标签: javascript angularjs kendo-ui kendo-grid datetimepicker

我正在使用一个kendo网格,每个行都有一个datetimepicker作为列。

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

我在很多方面都尝试过,但我无法完成任务。

我的网格列是 -



 { 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"
    }
&#13;
&#13;
&#13;

我的datetimeEditor是 -

&#13;
&#13;
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({});
}
&#13;
&#13;
&#13;

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

1 个答案:

答案 0 :(得分: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
             });
}