如何使用bootstrap的daterangepicker插件

如何使用bootstrap的daterangepicker插件,第1张

目前,bootstrap有两种日历。datepicker和datetimepicker,后者是前者的拓展。对于前者,如果箭头图标不显示,我的解决时,却下载最新的压缩包,放入项目中,确保bootstrap的css和datepicker的css文件引入,还有对应的js文件引入即可。

对于后者,确保上述文件引入的正确的同时(注意是datatimepicker相应的文件),还要有显示图标依赖的less文件dropdowns.less和sprites.less等(在bootstrap的less文件夹中应该都有)。

这样就能显示图标了。

再次申明,boot的datepicker和datetimepicker不同。

首先,不管是datepicker还是datetimepicker,都是bootstrap爱好者编写的,并不是twitter官方提供的。

你想设置默认时间,其实使用value属性就可以了,这与datetimepicker无关,只是input本身的属性:

<input type="text" value="26/08/2013 19:14:58" data-format="dd/MM/yyyy hh:mm:ss" id="dp2">

$('#dp2').datetimepicker ()

以上会使默认时间设置为26/08/2013 19:14:58,如果你希望默认时间为当前时间,使用DOM *** 作下input的value属性就可以了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7934992.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-11
下一篇2023-04-11

发表评论

登录后才能评论

评论列表(0条)

    保存