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

How to reset data in a field after changing selection in another one?

本文关键字：字段 另一个 数据 选择      更新时间：2023-09-26

我正在使用ejTimePicker参考站点：

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

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

示例代码在这里

 <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>

我尝试了很多其他方法，但还没有运气。

你试过这个吗：

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

你好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 小时。

谢谢

相关文章：