Bootstrapdatepicker
bootstrap-datepicker是⼀个开源、基于bootstrap的⽇期选择器,内置60+种语⾔,基于bootstrap也使得选择器⾮常美观适合现代⽹站,功能强⼤,通过内置属性、⽅法、事件组合配置可以满⾜⼏乎所有⽇期选择需求,唯⼀遗憾的是不⽀持时间选择,只能选择年⽉⽇。
1、下载及初始化
下载完成后解压,把dist⽂件夹中的所有⽂件放到项⽬中任意位置,引⼊下图所⽰的⽂件即可。
image
然后在页⾯body元素中创建⼀个容器,如下所⽰。
image
最后在id为sandbox-container的div元素中创建input元素,并运⾏以下代码脚本,⼀个⽇期选择器就创建好了。
image
image
2、特⾊展⽰
⑴组件选择
image
image ⑵内联选择
image
image ⑶范围选择
image
image.png ⑷格式化⽇期
image
image ⑸最⼤最⼩⽇期
image
image.png ⑹选择器开始界⾯
0:天(默认)
1:⽉
2:年
3:⼗年
4:世纪
bootstrap项目image
image ⑺最⼤最⼩选择精度
minViewMode最⼩、maxViewMode最⼤
0:天(最⼩默认)
4:世纪(最⼤默认)
image
image ⑻今⽇、清除按钮
image
image
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论