developer tip

부트 스트랩 v4 datepicker

optionbox 2020. 8. 24. 08:12
반응형

부트 스트랩 v4 datepicker


새 웹 사이트에 Bootstrap V4를 사용하고 있으며 알파 버전임을 확인했습니다.

그러나 빌드에 datepicker.js가 있음을 알 수 없습니다.

이것이 V4에 포함될 것인지 아는 사람이 있습니까? 아무도 좋은 날짜 선택기를 추천 할 수 없다면?

감사


https://bootstrap-datepicker.readthedocs.org/en/latest/index.html 시도해 볼 수 있습니다.

Bootstrap 스타일의 유연한 datepicker 위젯입니다.


이것을 사용하고 class부트 스트랩 에서 양식 만 추가 할 수 있습니다 . (어떤 버전이든 상관 없음)

<div class="form-group">
 <label >Begin voorverkoop periode</label>
 <input type="date" name="bday" max="3000-12-31" 
        min="1000-01-01" class="form-control">
</div>
<div class="form-group">
 <label >Einde voorverkoop periode</label>
 <input type="date" name="bday" min="1000-01-01"
        max="3000-12-31" class="form-control">
</div>

이 답변을 작성할 때 대부분의 부트 스트랩 날짜 선택기는 Bootstrap 4에 포함될 때 다소 버그가 있습니다. 내 생각에 최소한의 코드 추가 솔루션은 jQuery 플러그인입니다. 이 하나를 사용했습니다 https://plugins.jquery.com/datetimepicker/- 여기에서 사용법을 볼 수 있습니다 : https://xdsoft.net/jqplugins/datetimepicker/ 전체 BS 인터페이스만큼 매끄럽지는 않지만 부트 스트랩에 이미 포함 된 jQuery와 함께 CSS 및 js 파일 만 필요합니다.

참고 URL : https://stackoverflow.com/questions/33870344/bootstrap-v4-datepicker

반응형