Javascript 禁用剑道角度日期选择器中的未来日期_Javascript_Jquery_Angularjs_Kendo Ui_Kendo Datepicker

Javascript 禁用剑道角度日期选择器中的未来日期

javascript jquery angularjs kendo-ui

Javascript 禁用剑道角度日期选择器中的未来日期,javascript,jquery,angularjs,kendo-ui,kendo-datepicker,Javascript,Jquery,Angularjs,Kendo Ui,Kendo Datepicker,此问题与：。这是我的HTML标记： <input kendo-date-picker id="datepicker" ng-model="dateString" k-options="dateOptions" k-ng-model="dateObject" style="width: 100%;" /> 但是，即使删除href，我也可以单击并选择任何未来。我怎样才能修好它？呈现的标记如下所示： <td class="k-state-focuse

此问题与：。这是我的HTML标记：

 <input kendo-date-picker id="datepicker" ng-model="dateString" k-options="dateOptions" k-ng-model="dateObject"
               style="width: 100%;" />

但是，即使删除href，我也可以单击并选择任何未来。我怎样才能修好它？呈现的标记如下所示：

<td class="k-state-focused" id="02dd61ed-b4f2-494f-8238-e76da5b51346_cell_selected" role="gridcell" aria-selected="true" aria-label="Current focused date is Thursday, January 12, 2017">
    <a tabindex="-1" title="Thursday, January 12, 2017" data-value="2017/0/12">
        <div class="disabledDay">12</div>
    </a>
</td>

实际上比我一开始想象的要简单得多。您可以使用选择器的

disableDates

配置：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
</head>
<body>

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDatePicker({
    value: new Date(),
    disableDates: function (date) {
        return date > new Date();
    }
});
</script>
</body>
</html>


剑道UI片段
$（“#datetimepicker”）.kendoDatePicker({
值：新日期（），
禁用日期：函数（日期）{
返回日期>新日期（）；
}
});

为什么在新日期（）之前加上“”？当单击未来日期时，您希望发生什么？当我单击未来日期时，不应该发生任何事情。谢谢。但我真的可以选择未来的日期，在不应该发生的地方。不应允许用户单击。现在，用户可以选择未来的日期，但日历没有关闭，这是不应该发生的。看这个。datepicker需要像jquery ui datepicker ex:。这个解决方案适合您的需要吗？不。我曾经通过检查new Date（）和所选日期来提醒用户。@RahulNikate，很高兴能提供帮助！Ravimallya，为什么这个解决方案不管用？Shai我想我已经解决了。然而，我记不起解决方案了，我不再允许访问我工作的项目的源代码。

<td class="k-state-focused" id="02dd61ed-b4f2-494f-8238-e76da5b51346_cell_selected" role="gridcell" aria-selected="true" aria-label="Current focused date is Thursday, January 12, 2017">
    <a tabindex="-1" title="Thursday, January 12, 2017" data-value="2017/0/12">
        <div class="disabledDay">12</div>
    </a>
</td>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css"/>

    <script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
</head>
<body>

<input id="datetimepicker" />
<script>
$("#datetimepicker").kendoDatePicker({
    value: new Date(),
    disableDates: function (date) {
        return date > new Date();
    }
});
</script>
</body>
</html>