如何利用bootstrap做一个年月日的时间选择器,下面编程教程网小编给大家详细介绍一下具体实现代码!
1、年份时间选择器
$('.datetime').datetimepicker({
language: 'zh-CN',
minView: 4,
format: 'yyyy',
startDate:2019,
autoclose: 1,
startView: 4,
});
2、月份时间选择器
$('.datetime').datetimepicker({
format: 'mm',
autoclose:true,
startView:3,
minView:3,
maxView:3,
initialDate:new Date(),
language:'zh-CN'
});
3、年月日时间选择器
$('.datetime').datetimepicker({
format: 'yyyymmdd',
weekStart: 1,
autoclose: true,
startView: 2,
minView: 2,
language:'zh-CN'
});
4、年月日时分秒时间选择器
$('.datetime').datetimepicker({
language : 'zh-CN',
format : 'yyyy-mm-dd hh:ii:ss',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
forceParse: 0,
showMeridian: 1
});
5、小时时间选择器
$('.datetime').datetimepicker({
language : 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0
});
以上是编程学习网小编为您介绍的“如何利用bootstrap做一个年月日的时间选择器”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:如何利用bootstrap做一个年月日的时间选择器


基础教程推荐
猜你喜欢
- 黑客帝国特效(html+css+js) 2023-10-27
- 利用HTML+CSS实现跟踪鼠标移动功能 2023-12-29
- JavaScript中cookie工具函数封装的示例代码 2024-01-29
- 零基础最详细html和css 2023-10-27
- vuejs监听当前浏览器大小执行 2024-12-08
- 在CHtmlView中指定IE版本 2023-10-26
- 解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法 2024-01-06
- Vue.js中对css的操作(修改)具体方式详解 2024-03-11
- jQuery中调用WebService方法小结 2024-01-06
- Vue自定义指令实现弹窗拖拽四边拉伸及对角线拉伸效果 2024-01-24