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


猜你喜欢
- vuejs如何利用CORS解决跨域 2025-01-15
- 使用ajax接收后台发送过来的json数据方法 2023-02-15
- vue中如何实现单选表单组件? 2025-01-14
- WebGL 多重纹理的使用介绍 2024-01-15
- 利用ajax提交form表单到数据库详解(无刷新) 2023-02-15
- vue如何利用flex布局实现TV端城市列表 2025-01-14
- laypage前端分页插件实现ajax异步分页 2022-12-28
- 模仿combox(select)控件,不用为美化select烦恼了。 2022-11-04
- docker+nginx部署静态网页(html) 2023-10-25
- js中数组去重的常见方法 2024-11-29