Датапикер Bootstrap v4 [закрыто]

114

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

Однако я не вижу, что в его сборке есть datepicker.js.

Кто-нибудь знает, будет ли это включено в V4? Если нет, может ли кто-нибудь порекомендовать хороший выбор даты?

ottz0
источник
4
Для тех, кто попадает
MastaBaba
Просто убедитесь, что у вас есть файл cal.gif или / и cal-grey.gif, доступный в Project \ Content \ themes \ base \ images \ media \ datepicker.js, отлично работающий для меня с Bootstrap4
raju1208
Bootstrap 4 - плагин datepicker , поддерживающий Bootstrap 4, называется codeply.com/p/kS0t1Ko61K, также см .: stackoverflow.com/questions/43046792
Зим
указатели даты, упомянутые в комментариях, не отображают календарь при нажатии на ввод. этот делает gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

Ответы:

58

Может быть, вы хотите попробовать это: https://bootstrap-datepicker.readthedocs.org/en/latest/index.html

Это гибкий виджет для выбора даты в стиле Bootstrap.

Андрей Салеба
источник
4
Не могли бы вы опубликовать свой рабочий CSS? Сам datepicker работает с bootstrap 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
44

Вы можете использовать это, а затем вы можете добавить только 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
это не элемент управления начальной загрузки, а средство
выбора
4
Не будет работать в Safari и IE 11 или более ранних
amar
Сама причина, по которой я ищу datepicker boostrap4, заключается в том, что у меня есть <input type="date"в моем проекте, и мой браузер (хром) сообщает мне, что [Deprecation] '-webkit-appearance: listbox' для элементов, отличных от выбора списка, устарела и будет удален в M79, примерно в декабре 2019 г. Дополнительные сведения см. на chromestatus.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, но это так
глючно
1
Дааа .... у tempusdominus много ошибок
Дэниел