如何将Angular Kendo Date Picker min date设置为昨天?

时间:2015-06-01 06:42:42

标签: kendo-ui datepicker kendo-datepicker

我正在研究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>

2 个答案:

答案 0 :(得分:4)

这很容易实现。这是一个例子:

Release Notes

答案 1 :(得分:0)

相当简单:

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格式的日期作为参数。