Jquery .val（）字段未更新

为什么我的以下两个变量在第一次选择某个值后没有更新，我被难住了：

function setPrimeLimits() {
    var selectedStart = $('#space_global_start').val();
    var selectedEnd = $('#space_global_end').val();
    $('#prime_global_start, #prime_global_end').timepicker({
        minTime: selectedStart,
        maxTime: selectedEnd,
    });
}

$('#space_global_start, #space_global_end').on('changeTime', setPrimeLimits);

selectedStart

和

selectedEnd

都是时间选择器，第一次选择它们时，该函数可以很好地限制另外两个时间选择器（

#prime_global_start

和

#prime_global_end

），但在第二次和后续更新字段时（它们是下拉菜单），变量不再更新

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

这一切都包装在document.ready函数中

HTML代码：

我从中获取变量的时间选择器字段：

<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' ) : '' ?>"/>

而不是这个：

$('#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);

请参阅此问题以获得进一步解释：
您能否在一秒钟内将html代码更新到最新版本。我必须很快地简化它…啊哈！谢谢你，成功了。我马上接受你的回答。
$('#prime_global_start').timepicker('option', 'minTime', selectedStart);
$('#prime_global_end').timepicker('option', 'maxTime', selectedEnd);