更改另一個字段中的選擇后如何重置字段中的數據？

Question

我正在使用ejTimePicker參考站點：

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

我有兩個選擇框，例如textbox1和textbox2 ，其中包含選擇的times 。 當我在textbox2選擇其他時間時，我正在尋找一種重置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

您好progrAmmar我通過使用給定功能function獲得了解決方案：

    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小時。

謝謝