Question

我正在使用ejTimePicker参考站点：

http://help.syncfusion.com/ug/js/default.htm#!documents/createyourfirsttimep1.htm

我有两个选择框，例如textbox1和textbox2，其中包含选定的times。我在textbox2选择其他时间时，正在寻找一种方法来重置textbox1中的时间。

示例代码在这里

 <div class="editor-label">
        @Html.LabelFor(model => model.StartTime)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.StartTime, new { id = "StartTime" })
        @Html.ValidationMessageFor(model => model.StartTime)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.EndTime)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.EndTime,new { id = "EndTime" })
        @Html.ValidationMessageFor(model => model.EndTime)
    </div>

和javascript代码

 <script type="text/javascript">
 var mintime = "6:00 AM";
 var maxtime = "11:00 PM";
 var minTimepicker;
 $(function () {
     $('#StartTime').ejTimePicker({
         minTime: mintime,
         maxTime: maxtime,
         interval: 60,
    });
      $('#EndTime').ejTimePicker({
          minTime: mintime,
          maxTime: maxtime,
          interval: 60,
       });
     });

  </script>

我尝试了许多其他方式，但没有运气。

Answer 1

你试过这个：

$(function () {
    $('#StartTime').change(function(){
      $('#EndTime').val("");
    });
});

Answer 2

Hello progrAmmar我通过使用函数给出了解决方案：

    function selectedStartTime(sender) {

    var selDate = sender.value; // mentions the selected time.

    minTimepicker = $("#EndTime").data("ejTimePicker");// creating TimePicker object

    minTimepicker.setModel({ "minTime": selDate });// setting minTime property through setModel of TimePicker object.

}

但是坚持在第二个文本框中添加1小时。

由于

如何在另一个中更改选择后重置字段中的数据？

2 个答案: