如何利用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做一个年月日的时间选择器
基础教程推荐
猜你喜欢
- IE与FF下javascript获取网页及窗口大小的区别详解 2023-12-14
- P3P 和 跨域 (cross-domain) cookie 访问(读取和设置) 2024-03-08
- vue-devtools安装和使用方法 2023-10-08
- css3语法如何做到单词不被分割 2025-01-16
- 微信小程序 wx:for遍历循环使用实例解析 2023-12-26
- vue项目开发引入百度echarts报"export 'default' (imported as 'echarts') was not found in 'echarts'错误解决方法 2025-01-12
- 详解H5本地储存Web Storage 2024-02-08
- HTML DOM setInterval和clearInterval方法案例详解 2022-11-23
- openlayers6之地图覆盖物overlay详解 2024-02-08
- jQuery Validate表单验证插件实现代码 2023-12-20
