부트 스트랩 v4 datepicker [닫힘]


114

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

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

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


4
: 여기까지 그들을 위해 tempusdominus.github.io/bootstrap-4
MastaBaba

Project \ Content \ themes \ base \ images \ media \ datepicker.js에 cal.gif 또는 / 및 cal-grey.gif 파일이 있는지 확인하십시오. Bootstrap4
raju1208

Bootstrap 4 - Bootstrap 4 를 지원하는 datepicker 플러그인은 codeply.com/p/kS0t1Ko61K입니다 . stackoverflow.com/questions/43046792
Zim

주석에 언급 된 날짜 선택기는 입력을 클릭 할 때 달력을 표시하지 않습니다. 이것은 gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

답변:


58

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

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


4
작업중인 CSS를 게시 할 수 있습니까? datepicker 자체는 부트 스트랩 4에서 작동하지만 스타일이 지정되지 않았습니다.
RAC

4
@RAC 업데이트, 오늘 현재 부트 스트랩 4와 잘 작동하는 일부 (불안정한) 릴리스가있는 것 같습니다. cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Brian Leishman

거기에 "오늘"버튼을,하지만 난 EricMilliot - 마르티네즈 @ 시간 선택 보이지 않아요 bootstrap-datepicker.readthedocs.io/en/latest/...
KSib

43

이것을 사용하고 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>

45
이 (가 모든 브라우저에서 사용할 수 없습니다, HTML5 날짜 입력 참조! 부트 스트랩 제어하지만, 브라우저의 날짜 선택기 아닌 caniuse.com/#feat=input-datetime를 )
cyptus

4
safari 및 IE 11 이전 버전에서는 작동하지 않습니다
amar

내가 boostrap4 datepicker를 찾는 이유 <input type="date"는 내 프로젝트에 있고 내 브라우저 (chromium)가 목록 상자 선택 이외의 요소에 대한 [Deprecation] '-webkit-appearance : listbox'가 더 이상 사용되지 않는다고 알려주기 때문입니다. 2019 년 12 월경 M79에서 제거되었습니다 . 자세한 내용 chromestatus.com/features/5070237827334144 를 참조하세요. 2019 년 12 월이 내일 시작되므로 대안이 필요하다고 생각했습니다!
Bill Naylor

나는 maven 의존성 <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>을 찾았습니다. 내가 원하는 것을 할 수 있기를 바랍니다. 지금 그것을 사용하는 방법을 찾아야합니다!
Bill Naylor

이것은 ASP.NET MVC의 값을 바인딩하지 않습니다. JS에서 값을 수동으로 설정해야합니까?
Ali123

7

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


3
사실입니다. gem과 lib를 사용해 봅니다. github.com/tempusdominus/bootstrap-4 하지만 너무 버그가
많습니다

1
Yeaah .... tempusdominus 오류가 많이있다
다니엘
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.