如何更改 kendo 日期选择器的最小日期:Jquery
how to change min date of kendo date picker: Jquery
我正在创建一个网络应用程序,其中有 2 个日期时间文本框(txtFromDate、txtToDate),为此我正在使用 Kendo-UI、
在我的页面加载中,我正在为我的 txtToDate
设置最短日期
如下所示
$('#txtToDate').data("kendoDatePicker").min(new Date($('#txtFromDate').val()));
以上代码可以正常工作并正确设置 txtToDate
文本框的最小日期,
但问题是
when user changes from date let say from (05/08/2019) to (05/20/2019)
txtToDate
的最小日期应该更改 from 05/08/2019 to 05/20/2019
但是没有任何反应,下面是我的 onchange 函数
$('#txtFromDate').change(function () {
$('#txtToDate').data("kendoDatePicker").min(new Date($('#txtFromDate').val()));
});
如何重置 txtToDate 文本框的最小日期?
我认为问题在于您绑定的是输入的更改事件,而不是 kendo 小部件。
替换
$('#txtFromDate').change(function () {
和
$('#txtFromDate').data("kendoDatePicker").bind("change", function () {
编辑添加:您可能还更喜欢只使用 Kendo 的 date range picker
我正在创建一个网络应用程序,其中有 2 个日期时间文本框(txtFromDate、txtToDate),为此我正在使用 Kendo-UI、
在我的页面加载中,我正在为我的 txtToDate
如下所示
$('#txtToDate').data("kendoDatePicker").min(new Date($('#txtFromDate').val()));
以上代码可以正常工作并正确设置 txtToDate
文本框的最小日期,
但问题是
when user changes from date let say from (05/08/2019) to (05/20/2019)
txtToDate
的最小日期应该更改 from 05/08/2019 to 05/20/2019
但是没有任何反应,下面是我的 onchange 函数
$('#txtFromDate').change(function () {
$('#txtToDate').data("kendoDatePicker").min(new Date($('#txtFromDate').val()));
});
如何重置 txtToDate 文本框的最小日期?
我认为问题在于您绑定的是输入的更改事件,而不是 kendo 小部件。
替换
$('#txtFromDate').change(function () {
和
$('#txtFromDate').data("kendoDatePicker").bind("change", function () {
编辑添加:您可能还更喜欢只使用 Kendo 的 date range picker