Javascript 使用KendoUI datetime进行验证
嗨,我有一个应用程序,用户可以选择开始日期时间和结束日期时间,如果他们想创建一个事件。 现在这是一个html,我在其中使用KendoUI datetime插件:Javascript 使用KendoUI datetime进行验证,javascript,jquery,kendo-ui,Javascript,Jquery,Kendo Ui,嗨,我有一个应用程序,用户可以选择开始日期时间和结束日期时间,如果他们想创建一个事件。 现在这是一个html,我在其中使用KendoUI datetime插件: <div class="demo-section" style="width: 535px;"> <label for="start">Start date:</label> <input id="start" value="01/
<div class="demo-section" style="width: 535px;">
<label for="start">Start date:</label>
<input id="start" value="01/01/2013" />
<label for="end" style="margin-left:3em">End date:</label>
<input id="end" value="01/01/2013"/>
</div>
</li>
<script type="text/javascript">
$(document).ready(function(){
function startChange() {
var startDate = start.value();
if (startDate) {
startDate = new Date(startDate);
startDate.setDate(startDate.getDate());
end.min(startDate);
}
}
function endChange() {
var endDate = end.value();
if (endDate) {
endDate = new Date(endDate);
endDate.setDate(endDate.getDate());
start.max(endDate);
}
}
var start = $("#start").kendoDateTimePicker({
change: startChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");
var end = $("#end").kendoDateTimePicker({
change: endChange,
parseFormats: ["MM/dd/yyyy"]
}).data("kendoDateTimePicker");
start.max(end.value());
end.min(start.value());
});
问题是我不能得到我想要的验证。假设用户选择从日期到日期显示的日期比当前从日期选择的日期大。我的当前代码似乎不起作用。谢谢您是说您希望能够选择一个大于到的开始日期,并且当您选择到时应该自动更新为大于开始日期吗 如果是这样,你就快到了。您只需要更新startChange函数来更新相对于From的截止日期 检查此示例以获取完整的工作示例。工作正常,请在此处检查:。什么不起作用?您选择从哪个日期开始
function startChange() {
var startDate = start.value();
if (startDate) {
startDate = new Date(startDate);
startDate.setDate(startDate.getDate());
end.min(startDate);
var endDate = end.value();
if (endDate && endDate <= startDate) {
endDate.setDate(startDate.getDate() + 1);
end.value(endDate);
}
}
}