Bootstrap v4 datepicker [关闭]


114

我在新网站上使用Bootstrap V4,发现它位于Alpha中。

但是我看不到它的版本中有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 '19

Bootstrap 4-支持Bootstrap 4的datepicker插件为codeply.com/p/kS0t1Ko61K,另请参见:stackoverflow.com/questions/43046792
Zim

单击输入时,注释中提到的日期选择器不会显示日历。这个确实gijgo.com/datepicker/example/bootstrap-4
JerryGoyal

Answers:


58

也许您想尝试一下:https : //bootstrap-datepicker.readthedocs.org/en/latest/index.html

这是Bootstrap样式中的一种灵活的datepicker小部件。


4
您可以发布工作的CSS吗?日期选择器本身可与引导程序4一起使用,但未设置样式。
RAC

4
@RAC更新,今天看来,它的一些(不稳定)发行版对Bootstrap 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或将无法正常工作早
阿马尔

我要寻找boostrap4 datepicker的原因是因为我<input type="date"在项目中浏览器(铬)告诉我,不赞成使用listbox select以外的元素的[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 Datepickers包含在Bootstrap 4中时都是相当麻烦的。在我看来,添加最少代码的解决方案是jQuery插件。我使用了这个https://plugins.jquery.com/datetimepicker/-在这里可以看到它的用法:https : //xdsoft.net/jqplugins/datetimepicker/ 它肯定不像整个BS界面那么流畅,但是只需要它的css和js文件以及已经包含在引导程序中的jQuery。


3
的确如此,我尝试了一些gem和lib:github.com/tempusdominus/bootstrap-4,但是它
的确有问题-truongnm

1
是的...。tempusdominus有很多错误
Daniel Daniel
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.