本文共 693 字,大约阅读时间需要 2 分钟。
bootstrap有两种日历插件。datepicker和datetimepicker,后者是前者的拓展,完全可以放弃datepicker,只关注datetimepicker即可,前者能选取到年月日,后者可以选择年月日时分秒。
Bootstrap datetimepicker API官网:;
暂时只有datepicker的在线调试,测试网址:
注:datepicker插件调用的是.datepicker()方法,datetimepicker插件调用的是.datetimepicker()方法,测试时候注意。
2.1、下载所需datetimepicker的css和js文件,支持中文的js,在下载的文件夹下/js/locales/bootstrap-datetimepicker.zh-CN.js
地址:
2.2、引入文件(自行下载bootstrap和jquery相关文件):
2.3、定义文本框,为了防止自定义文本框内容可以在input里加readonly属性。
2.4、调用
2.5测试
全部测试代码
Document
format的格式参考:
其他选项和API可参考官网的说明或在线测试的地址测试选项
官网:
在线测试:
(完)