Вибірка дати Bootstrap v4 [закрито]


114

Я використовую Bootstrap V4 для свого нового веб-сайту, бачачи, що він знаходиться в Alpha.

Однак я не можу побачити, що він має datepicker.js у своїй збірці.

Хтось знає, чи буде це включено до V4? Якщо не може хтось порекомендувати хороший підбірник побачень?


4
Для тих, хто закінчується тут: tempusdominus.github.io/bootstrap-4
MastaBaba

Просто переконайтесь, що у вас є файл cal.gif або / і cal-grey.gif, доступний у Project \ Content \ themes \ base \ images \ media \ datepicker.js для мене добре працює з Bootstrap4
raju1208

Bootstrap 4 - The DatePicker плагін , який підтримує Bootstrap 4 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.


4
Чи можете ви опублікувати свій робочий CSS? Сам Datepicker працює з завантажувальним інструментом 4, але він не стирається.
RAC

4
@ RAC Update, на сьогоднішній день виглядає, що є деякі (нестабільні) випуски цього, які дуже добре працювали з Bootstrap 4 cdnjs.com/libraries/bootstrap-datepicker/1.7.0-RC3
Брайан Лейшман

Є кнопка "сьогодні", але я не бачу перемикача часу @ EricMilliot-Martinez 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
це не контроль початкового завантаження , але браузери DatePicker (введення дати html5, він не доступний в будь-якому браузері см! caniuse.com/#feat=input-datetime )
cyptus

4
Не працюватимуть на сафарі та IE 11 чи раніше
amar

Сама причина, коли я шукаю boostrap4 datepicker, полягає в тому, що я маю <input type="date"в своєму проекті, і мій браузер (хром) говорить мені, що [Deprecation] '-webkit-izgled: listbox' для інших елементів, ніж listbox select, є застарілим і буде вилучено в M79, близько грудня 2019 року. Докладнішу інформацію див. у Chromeestatus.com/features/5070237827334144 . Оскільки грудень 2019 року починається з тижня завтра, подумав, що мені потрібна альтернатива!
Білл Нейлор

Я все-таки знайшов залежність від Maven: <dependency> <groupId>org.webjars.bowergithub.pingcheng</groupId> <artifactId>bootstrap4-datetimepicker</artifactId> <version>4.17.45</version> </dependency>яка, сподіваюся, зробить те, що я хочу, просто мушу дізнатися, як ним зараз користуватися!
Білл Нейлор

Це не пов'язує значення з ASP.NET MVC. Чи потрібно мені передавати встановлене значення вручну в JS?
Ali123

7

Більшість завантажувачів дати завантаження, коли я пишу цю відповідь, є досить клопіткою, коли її включають у Bootstrap 4. На мій погляд, найменше рішення для додавання коду - це плагін jQuery. Я використав цей https://plugins.jquery.com/datetimepicker/ - його використання ви можете побачити тут: https://xdsoft.net/jqplugins/datetimepicker/ Це точно не так гладко, як весь інтерфейс BS, але це вимагає лише його файлів css та js разом із jQuery, який уже включений у завантажувальний файл.


3
Це правда, я спробую кілька дорогоцінних каменів і ліб : github.com/tempusdominus/bootstrap-4, але це так баггі
truongnm

1
Так, у tempusdominus багато помилок
Даніель,
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.