Bootstrap은 2013 년에 인기를 얻었으며 Bootstrap은 2014 년에 더 많은 사람들에게 계속 사랑받을 것입니다. 완전하고 아름다운 UI를 보유하고있을뿐만 아니라 개발을위한 많은 유용한 플러그인과 테마를 확장했습니다! 무한한 가능성을 갖도록하십시오!
회사는 다양한 오픈 소스 프리 프레임 워크를 사용하는 것을 좋아합니다. 부트 스트랩은 사용하기가 매우 쉽고 프레임 워크 레이아웃은 아름답고 사용하기 쉽습니다. 오늘 나는 그것을 사용하고 싶은 datepicker 컨트롤을 만났습니다.
문제는 다음과 같습니다. 두 시점이 시작 시간과 종료 시간으로 나뉩니다. 종료 시간은 시작 시간 이후에야합니다. 그래서 나는 그것을 잠시 동안 공부했고 문제를 해결하기 위해 아침부터 3 시까 지 휴식을 취했습니다.
문제를 요약하십시오. 주된 이유는 프로젝트에 사용 된 jQuery가 jQuery UI에도 사용되기 때문입니다. 내부에 DatePicker가 있으며 이름은 정확히 동일합니다. 나는 모든 일을하려고 노력하고, jQuery에서 DatePicker의 사용법을 확인하고, 온라인에서 좋은 것, 즉 OnSelect 메소드를 DatePicker에 바인딩하는 다양한 것을 찾고 있습니다. 우연히도 많은 네티즌은 OnSelect가 작동하지 않는다고 말합니다.
갑자기, 나는 Lib 폴더 아래에서 많은 부트 스트랩 물건을 발견했습니다. 더 중요한 것은 bootstrap_datepicker가 작성된 다른 폴더가 있다는 것입니다. 나는 우리가 jQuery에서 datePicker를 사용하지 않는다는 것을 깨달았습니다. 땀 땀
코드를 직접 게시하십시오.
JS 코드
$ ( '#startTime'). datePicker ({형식 : 'yyyy.mm.dd', 주간 스타트 : 1, autoclose : troid, todaybtn : 'linked', language : 'zh-cn'}). on ( 'changeate', function (var starttime = ev.date.valueof (시작); Time "!"); $ ( "#starttime"). focus ();}}); $ ( '#endtime'). datepicker ({format : 'yyyy.mm.dd', weekstart : 1, autoclose : true, todaybtn : 'linked', language : 'var endtite') ev.date.valueof (); end = endtime; if (end <start) {alert ( "" "평가 종료 시간" "보다"평가 시작 시간 ");} else {}});JSP 코드 :
<div id = "starttime_main"> <label for = "starttime"> 시작 시간 : </label> <div data-date = "2013.05.10"id = "startTimediv"> <input type = "text"value = ""id = "id ="starttime "readonly> <div id ="endtime_main "> <eldtime_main"> </label> <divdata-date = "2013.05.10"id = "endtimediv"> <input type = "text"value = ""id = "endtime"readonly> <span> <iclass = "icon-calendar"> </i> </span> </div> </div>
위의 것은 소개 된 Bootstrap의 DatePicker 컨트롤을 사용한 경험을 공유하는 것입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!