.val()

Question

내가 아래에있는 내 두 변수의 값이 선택되어 처음 이후에 업데이트되지 않는 이유에 난처한 해요 업데이트되지 필드 :

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와 처음입니다 두 개의 다른 시간 표시기 (#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') : '' ?>"/> 

Timepicker 필드 : 나는에서 바르 받고 있어요

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

이 대신에 :

,210

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

는이 작업을 수행 : https://stackoverflow.com/a/10958470/1224539