2017-10-26 20 views
0

다음과 같은 HTML 코드가 있습니다.라디오 버튼을 기준으로 시작 및 종료 시간을 얻는 자바 스크립트

<dd id="shifts"> 
<pre id="pre"> 
<input type="radio" name="shifts[]" id="shiftsValue" class="shiftsValue" onclick="shiftCheck();" value="185142249"> Shift No.1  Start time : 06:30:00 AM  End time : 10:30:00 AM<br> 
</pre> 
<pre id="pre"><input type="radio" name="shifts[]" id="shiftsValue" class="shiftsValue" onclick="shiftCheck();" value="185142250"> Shift No.2  Start time : 11:30:00 AM  End time : 15:30:00 PM<br> 
</pre> 
</dd> 

이것은 잘 작동하고 지금 time 입력 종류에 시간 유효성 검사를 할 필요가있다. 입력 한 시간이 시작 시간과 종료 시간 사이에 오도록 time의 입력을 검사해야합니다.

생각한 라디오 버튼에서 문자열을 가져온 다음 문자열에서 시작 및 끝 시간을 추출하는 것이 좋습니다. time 요소가 입력되면 시작 시간과 종료 시간 사이에 있는지 확인하십시오.

위에서 문자열을 추출하는 데 어려움이 있습니다.

+0

이상적으로 당신은 약간의 datepicker를 사용해보아야한다. 그러나 사용자 정의 함수를하고 고정 된 값을 가지고 있다면 js에서 날짜 비교를 사용할 수있다 – RohitS

+0

시간과 HTML은 교대리스트를 검색 한 결과이다. 두 라디오 버튼 중 하나가 선택되면 "Shift No.1 Start time : xx : xx : xxAM End time : xx : xx : xx AM"을 어떻게 추출 할 수 있는지 생각해보십시오. –

+0

나는이 'document.getElementById ('pre'). innerText'를 사용하여 텍스트를 얻을 수 있습니다. 하지만이 코드는 첫 번째 라디오 버튼의 사전 텍스트 만 반환하므로 두 번째 라디오 버튼을 선택하면이 작동하지 않습니다. –

답변

0

나는 나는 그것이

작업

$('input[type=radio][class=shiftsValue]:checked').closest('pre').text()

선택한 라디오 버튼의 <pre>의 캐릭터를 받고있는 것 같다 거 같아요. 이게 맞습니까? 아니면 다른 것을 시도해야합니까?