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

2024年08月07日 建站教程

如何利用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
});

本文链接:http://so.lmcjl.com/news/10230/

展开阅读全文