【问题标题】:how to set Angular Kendo Date Picker min date to yesterday?如何将 Angular Kendo Date Picker 最小日期设置为昨天?
【发布时间】:2015-06-01 06:42:41
【问题描述】:

我正在开发剑道 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>

【问题讨论】:

    标签: kendo-ui datepicker kendo-datepicker


    【解决方案1】:

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

    http://dojo.telerik.com/ArEMa

    【讨论】:

      【解决方案2】:

      相当简单:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-10-30
        • 2015-09-26
        • 1970-01-01
        • 2023-01-19
        • 1970-01-01
        相关资源
        最近更新 更多