使用jquery datetimepicker输入事件关闭时如何在表行中查找最接近的表单元素

时间:2019-07-06 13:33:00

标签: jquery datetimepicker

我正在使用xdan / datetimepicker jQuery库获取日期输入。日期更改后,我需要更改表中同一行中的某些表单元素。这是代码

$('.tstartdate').datetimepicker({
    format:'d/m/Y h:i A',
      formatTime:'h:i A', step:1,
      onClose: function (ct, $i) {
            $(this).closest('tr').find('td .enddate').val("zazazas");
            }
      });
@:<td valign="top"><input type='text' class="tstartdate" value='@etadatetime' style='width:150px!important;'  name='Startdate' @flfirst /></td>
@:<td valign="top">
@:  <select name="Duration" class="selectduration">
@:  <option value="">Duration</option>
@:  <option value="12">12 Hours</option>
@:  <option value="24">24 Hours</option>
@:  <option value="48">48 Hours</option>
@:  <option value="72">72 Hours</option>
@:  </select>
@:</td>
@:<td valign="top"><input type='text' class='enddate' style='width:150px!important;'  name='Enddate' placeholder='To Date'/></td>

1 个答案:

答案 0 :(得分:0)

The documentation建议将输入作为第二个参数(代码中的Message)传递,并且它已经是jQuery实例,所以:

$i

当然假设您要更新的元素在$('.tstartdate').datetimepicker({ format:'d/m/Y h:i A', formatTime:'h:i A', step:1, onClose: function (ct, $i) { $i.closest('tr').find('td .enddate').val("zazazas"); // -------^^ } }); 内部,并且具有类td

使用enddate来引用事件处理程序所链接到的DOM元素来调用事件处理程序是jQuery和行为良好的jQuery插件中极为普遍的约定,但这不是通用的。这个人似乎更喜欢其他API。