javascript - 在客户端向字符串添加一小时

Question

我有两个时间选择器

  @Html.Kendo().TimePickerFor(m=>m.AttendeeStartTime).Format("HH:mm")
  @Html.Kendo().TimePickerFor(m=>m.AttendeeEndTime).Format("HH:mm")

是这样的

这里是为 From Timepicker 呈现的 HTML，

  <input data-val="true" data-val-required="The AttendeeStartTime field is required." 
id="AttendeeStartTime" name="AttendeeStartTime" type="text" value="09:00" data-role="timepicker" 
class="k-input valid" role="textbox" aria-haspopup="true" aria-expanded="false" aria-
owns="AttendeeStartTime_timeview" aria-disabled="false" aria-readonly="false" style="width: 100%;">

每当 From timepicker 发生变化时，如何将其值增加一小时并设置为 To timepicker？这就是我所做的，

  $('#@Html.IdFor(m=>m.AttendeeStartTime)').on('change', function () {
        //var date = new Date();
        endTime.value($(this).val());
        alert(endTime.value());

这只会在发生变化时将 To 值设置为与 From 相同，但我想为其添加一个小时或某个时间跨度。

我应该怎么做？

Answer 1

使用这个:

$('#@Html.IdFor(m=>m.AttendeeStartTime)').on('change', function () {        
    //try getting the date from the date picker
    var date = $("#@Html.IdFor(m=>m.AttendeeStartTime)").data("kendoTimePicker").value();
    if (date) {
       //convert the string to a date
       date = new Date(date); //you can probably skip this step since the Kendo DatePicker returns a Date object
       //increase the "hours"                               
       date.setHours(date.getHours() + 1);
       //set it back in the "to" date picker
       $("#@Html.IdFor(m=>m.AttendeeEndTime)").data("kendoTimePicker").value(date);
       //alert(endTime.value());
    }
}