Bootstrap v4 datepicker [zamknięty]

114

Używam Bootstrap V4 w mojej nowej witrynie, ponieważ jest w wersji alfa.

Jednak nie widzę, że ma w swojej kompilacji datepicker.js.

Czy ktoś wie, czy będzie to zawarte w V4? Jeśli nie, czy ktoś może polecić dobrego datepickera?

twitter-bootstrap bootstrap-4

— ottz0
źródło

Dla tych, którzy kończą tutaj: tempusdominus.github.io/bootstrap-4

— MastaBaba

Po prostu upewnij się, że masz plik cal.gif lub / i cal-grey.gif dostępny w Project \ Content \ themes \ base \ images \ media \ datepicker.js, który działa dobrze dla mnie z Bootstrap4

— raju1208

Bootstrap 4 - Wtyczka datepicker obsługująca Bootstrap 4 to codeply.com/p/kS0t1Ko61K zobacz także: stackoverflow.com/questions/43046792

— Zim

Datepickers, o których mowa w komentarzach, nie pokazują kalendarza po kliknięciu wejścia. ten robi gijgo.com/datepicker/example/bootstrap-4

— JerryGoyal

Odpowiedzi:

Może chcesz tego spróbować: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Jest to elastyczny widget wyboru daty w stylu Bootstrap.

— Andrey Saleba
źródło

Czy możesz opublikować swój działający arkusz CSS? Sam datepicker działa z bootstrapem 4, ale nie jest stylizowany.

— RAC

@RAC Update, na dzień dzisiejszy wygląda na to, że istnieją (niestabilne) wydania tego, które bardzo dobrze współpracowały z Bootstrap 4 cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3

— Brian Leishman

Jest przycisk „dzisiaj”, ale nie widzę selektora czasu @ EricMilliot-Martinez bootstrap-datepicker.readthedocs.io/en/latest/ ...

— KSib

Możesz tego użyć, a następnie możesz dodać tylko classformularz z bootstrapa. ^{(nie ma znaczenia, która wersja)}

<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>

— sadeq alshaar
źródło

to nie jest kontrolka bootstrap, ale przeglądarka datepicker (wprowadzanie daty html5, nie jest dostępne w każdej przeglądarce! patrz caniuse.com/#feat=input-datetime )

— cyptus

Nie będzie działać na safari i IE 11 lub wcześniej

— amar

Szukam boostrap4 datepicker, ponieważ mam <input type="date"w swoim projekcie i mojej przeglądarce (chromium) komunikat, że [Wycofanie] „-webkit-look: listbox” dla elementów innych niż selbox jest przestarzałe i będzie usunięto w M79 około grudnia 2019 r. Więcej informacji znajdziesz na chromestatus.com/features/5070237827334144 . Ponieważ jutro zaczyna się grudzień 2019 r., Pomyślałem, że potrzebuję alternatywy!

— Bill Naylor

Znalazłem zależność maven:

<dependency>     <groupId>org.webjars.bowergithub.pingcheng</groupId>     <artifactId>bootstrap4-datetimepicker</artifactId>     <version>4.17.45</version> </dependency>

która, mam nadzieję, zrobi to, co chcę, po prostu muszę się teraz dowiedzieć, jak go używać!

— Bill Naylor

Nie wiąże to wartości z ASP.NET MVC. Czy muszę ręcznie ustawić wartość w JS?

— Ali123

Większość datepickerów bootstrap, gdy piszę tę odpowiedź, jest raczej błędna, gdy są zawarte w Bootstrap 4. Moim zdaniem najmniejszym rozwiązaniem dodającym kod jest wtyczka jQuery. Użyłem tego https://plugins.jquery.com/datetimepicker/ - możesz zobaczyć jego użycie tutaj: https://xdsoft.net/jqplugins/datetimepicker/ Na pewno nie jest tak płynny jak cały interfejs BS, ale wymaga tylko plików css i js wraz z jQuery, które jest już zawarte w bootstrapie.

— Slinky Sloth
źródło

To prawda, próbuję trochę klejnotów i lib: github.com/tempusdominus/bootstrap-4, ale jest tak wadliwy

— truongnm

Tak… tempusdominus ma wiele błędów

— Daniel