如何将 Angular Kendo 日期选择器的最小日期设置为昨天?

how to set Angular Kendo Date Picker min date to yesterday?

我正在 kendo ui DatePicker,我想将最短日期设置为昨天。

谁能帮帮我?

我试过了

 var minDate = date.setDate((new Date()).getDate() - 1);

但是没用。

这是我的代码。

<body>
<div id="example" ng-app="KendoDemos">
    <div class="demo-section k-content"ng-controller="MyCtrl">
        <div class="box-col">
            <h4>Select date:</h4>
            <input kendo-date-picker
             ng-model="dateString"
             k-options="monthSelectorOptions"
             k-ng-model="dateObject"

             />

    </div>
    <style>
        .box-col {
            width: 400px;
        }
    </style>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){
    var date = new Date();

        $scope.monthSelectorOptions = {
             min: date
          };

      })
</script>

相当简单:

var date = new Date();
var yesterday = date.getDay() -1;
var minDate = date.setDate(yesterday);
$scope.monthSelectorOptions = {
      min: new Date(minDate)
 };

编辑:显然,new Date(minDate) 是关键部分,因为 date.setDate() 不会为您提供 UTC 格式的日期字符串,但 new Date() 会。 Kendo Datepicker 只接受 UTC 格式的日期作为参数。

这样做很容易。这是一个例子:

http://dojo.telerik.com/ArEMa