我正在使用剑道日期时间选择器。我有开始日期和结束日期。当我选择开始日期时,我希望生成的结束日期比开始日期多 30 分钟。例如,如果选择的开始日期是 5/11/2016 2.30PM,我希望结束日期是 5/11/2016 3.00PM..任何人都可以帮我解决这个问题。
谢谢
剑道代码:
<tr>
<td>
<div>
<label for="start_date" >Start Date</label>
</div>
<div data-container-for="data.start_date" onchange="startDate()">
<input data-role="datepicker" data-bind="value: data.start_date" id="startDate"/>
<input data-role="timepicker" data-bind="value: data.start_date" id="startTime"/>
</div>
</td>
<td>
<div>
<label for="end_date">End Date</label>
</div>
<div data-container-for="data.end_date">
<input data-role="datepicker" data-bind="value: data.end_date" id="endDate" />
<input data-role="timepicker" data-bind="value: data.end_date" id="endTime"/>
</div>
</td>
</tr>
Function:
function startDate() {
var startDate = kendo.toString($("#startDate").data("kendoDatePicker").value(), 'MM/dd/yyyy');
var startTime = kendo.toString($("#startTime").data("kendoTimePicker").value(), 'hh:mm tt')
var endtDate = kendo.toString($("#endDate").data("kendoDatePicker").value(), 'MM/dd/yyyy');
var endTime = kendo.toString($("#endTime").data("kendoTimePicker").value(), 'hh:mm tt')
var StartDate = new Date($("#startDate").val());
var futureDateTime = new Date(StartDate.setMinutes(StartDate.getMinutes() + 30));
var End = $("#endDate").data("kendoDatePicker").value(futureDateTime);
var EndTime = $("#endTime").data("kendoTimePicker").value(futureDateTime);
}
最佳答案
请尝试使用以下代码片段。单击按钮,您将获得两个日期时间选择器的单独日期和时间。
<div>
<input id="startDate" />
<input id="endDate" />
<button onclick="GetDateAndTime();">Get date an time separatly</button>
<script>
function GetDateAndTime() {
var startDate = kendo.toString($("#startDate").data("kendoDateTimePicker").value(), 'MM/dd/yyyy');
var startTime = kendo.toString($("#startDate").data("kendoDateTimePicker").value(), 'hh:mm tt')
var endtDate = kendo.toString($("#endDate").data("kendoDateTimePicker").value(), 'MM/dd/yyyy');
var endTime = kendo.toString($("#endDate").data("kendoDateTimePicker").value(), 'hh:mm tt')
alert(startDate);
alert(startTime);
alert(endtDate);
alert(endTime);
}
$(document).ready(function () {
var tempDate = new Date();
$("#startDate").kendoDateTimePicker({
value: tempDate,
change: onchange
});
$("#endDate").kendoDateTimePicker({
value: tempDate,
});
$("#startDate").data("kendoDateTimePicker").trigger("change");
function onchange() {
var startDate = new Date($("#startDate").val());
var newDateTime = new Date(startDate.setMinutes(startDate.getMinutes() + 30));
$("#endDate").data("kendoDateTimePicker").value(newDateTime);
}
});
</script>
</div>
如果有任何疑问,请告诉我。
关于jquery - 获取 Kendo DateTimepicker 上选定的日期和时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37173782/