如何利用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做一个年月日的时间选择器


基础教程推荐
猜你喜欢
- Ajax全局加载框(Loading效果)的配置 2023-01-20
- 如何在MySQL函数中将SQL选择查询转换为格式化的HTML表 2023-10-27
- CSS3 实现弹跳的小球动画 2023-12-21
- php-在数据库中存储HTML表的数据 2023-10-27
- 纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器) 2023-12-22
- vuejs利用awe-dnd插件实现拖拽功能 2025-01-21
- vuejs项目常用指令介绍 2025-01-19
- cocos微信小游戏如何加入游戏圈功能 2022-10-29
- docker 进程 转载:https://www.cnblogs.com/ilinuxer/p/6188303.html 2023-10-25
- linux下html文件在浏览器中的显示乱码 2023-10-29