부트 스트랩 - timepicker 입력 유효성 검사

Question

컨텍스트 : 나는 이벤트 생성 도구에 대한 4 가지 날짜/시간 선택기에 유효성 검사를 추가하려고

. -이 날짜가 오늘 날짜 이전 될 수 없습니다

시작 날짜 입력 :

---

날짜와 시간을 입력의 첫 번째 세트

는 이벤트 시작 날짜/시간입니다.

시작 시간 입력 - 유효성 검사가 필요하지 않습니다.

---

날짜와 시간을 입력의 두 번째 세트

는 이벤트 종료 날짜/시간 :

종료 날짜 입력 -이 시작 날짜 전에 할 수 없지만 시작 날짜와 동일 할 수 있습니다.

끝 시간 입력 - 끝 날짜가 시작 날짜와 같으면 끝 시간은 시작 시간보다 클 수 없습니다. 종료 날짜가 시작 날짜 이후이면 종료 시간은 언제든지 가능합니다.

<p> 
<table> 
    <tr> 
     <td> 
      <label>Event Start Date</label> 
      <span class="input-append bootstrap-timepicker"> 
       <input type="text" runat="server" id="eventstartdate" name="eventstartdate" readonly="true" class="input-small" /> 
      </span> 
     </td> 
     <td> 
      <label>Event Start Time</label> 
      <span class="input-append bootstrap-timepicker"> 
       <input runat="server" id="timepicker1" type="text" readonly="true" class="input-small"> 
      </span> 

     </td> 
    </tr> 
</table> 
</p> 

<p> 
<table> 
    <tr> 
     <td> 
      <label>Event End Date</label> 
      <span class="input-append bootstrap-timepicker"> 
       <input type="text" runat="server" id="eventenddate" name="eventenddate" readonly="true" class="input-small" /> 
      </span> 
     </td> 
     <td> 
      <label>Event End Time</label> 
      <span class="input-append bootstrap-timepicker"> 
       <input runat="server" id="timepicker2" type="text" readonly="true" class="input-small"> 
      </span> 
     </td> 
    </tr> 
</table> 

</p> 

트릭은 은 내가 제출 버튼을 클릭 할 때 발생하는 유효성 검사를하지 않는다는 것입니다 : 여기

---

는 HTML입니다. 에 사용자가 잘못된 날짜/시간을 입력하지 못하도록하고 싶습니다..

나는 여기 내 머리를 조금 넘기 때문에 어디서부터 시작해야할지 몰라. 어떤 도움이라도 대단히 감사하겠습니다!

Answer 1

jquery .on("change", function()) 메서드를 사용하여 날짜 선택 도구에 이벤트 수신기를 추가해야합니다. 그런 다음 날짜 선택 도구 값이 변경 될 때마다 코드가 시작됩니다.