.val（）

Question

私は以下の私の2つの変数に値が選択されている最初の時間が経過した後に更新されない理由に困惑更新されないフィールド：

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を両方timepickers初めてですそれらが選択されていれば、関数は2つの他の時間ピッカー（#prime_global_startと#prime_global_end）を制限するように正常に機能しますが、フィールドの2回目以降の更新（ドロップダウン）では変数は更新されません。

通常、私はイベントの委任を試みますが、私はすでにそれをやっているようですので、どこが間違っているのか分かりません。

これはすべてdocument.ready関数でラップされています。

HTMLコード：私はからVARSを取得しています

Timepickerフィールド：私は制限しようとしている

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

Timepickerフィールド：

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

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