Question

我很难理解为什么我的两个变量在第一次选择值后没有更新：

selectedStart

selectedEnd和#prime_global_start都是时间戳，并且第一次选中时，该功能可以正常限制其他两个时间戳（#prime_global_end和<input type="text" name="space_global_start" id="space_global_start" class="spaceTimePickerStart" value="<?php echo (null !== get_space_meta( 'space_global_start' )) ? get_space_meta( 'space_global_start' ) : '' ?>" /> <input type="text" name="space_global_end" id="space_global_end" class="spaceTimePickerEnd" value="<?php echo (null !== get_space_meta( 'space_global_end' )) ? get_space_meta( 'space_global_end' ) : '' ?>"/>），但是第二次和随后的字段更新（它们是下拉列表）变量不再更新。

通常，我会尝试事件委托，但似乎我已经这样做了，所以我不确定我哪里出错了。

这全部包含在document.ready函数中。

HTML code：

我获得vars的时间戳字段：

<input type="text" name="prime_global_start" id="prime_global_start" class="primeTimePickerStart" value="<?php echo (null !== get_space_meta( 'prime_global_start' )) ? get_space_meta( 'prime_global_start' ) : '' ?>" />
<input type="text" name="prime_global_end" id="prime_global_end" class="primeTimePickerEnd" value="<?php echo (null !== get_space_meta( 'prime_global_end' )) ? get_space_meta( 'prime_global_end' ) : '' ?>"/>

我试图限制的Timepicker字段：

!important

Answer 1

而不是：

$('#prime_global_start, #prime_global_end').timepicker({
    minTime: selectedStart,
    maxTime: selectedEnd,
});

这样做：

$('#prime_global_start').timepicker('option', 'minTime', selectedStart);
$('#prime_global_end').timepicker('option', 'maxTime', selectedEnd);

有关详细说明，请参阅此问题：https://stackoverflow.com/a/10958470/1224539

字段的.val（）没有更新

1 个答案: