如何利用bootstrap做一个年月日的时间选择器

如何利用bootstrap做一个年月日的时间选择器，下面web建站小编给大家详细介绍一下具体实现代码！

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 v4中文文档

bootstrap框架如何实现拖拽效果

bootstrap图片轮播功能如何停止自动轮播

如何利用bootstrap做一个下拉菜单功能

bootstrap如何实现鼠标悬停显示提示信息

标签： bootstrap, 时间选择器

上面是“如何利用bootstrap做一个年月日的时间选择器”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3410.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！