bootstrap datetimepicker 选择月份选择年

最新推荐文章于 2025-05-30 09:06:19 发布

原创最新推荐文章于 2025-05-30 09:06:19 发布 · 6.8w 阅读

15 ·

CC 4.0 BY-SA版权

Bootstrape 同时被 2 个专栏收录

2 篇文章

订阅专栏

datetimepicker

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript配置日期选择器以实现不同粒度的选择（年、月、日），并提供了多种解决样式问题的方法，确保日历图标正常显示且与输入框对齐。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码：

//选择年月日的	   startView: 2,   minView: 2, format: 'yyyymmdd',
$('#datetimepicker').datetimepicker({
		format: 'yyyymmdd',
		 weekStart: 1,
         autoclose: true,
         startView: 2,
         minView: 2,
         forceParse: false,
         language: 'zh-CN'
	});

//选择年月的	   startView: 3,   minView: 3, format: 'yyyymm',
$('#datetimepicker').datetimepicker({
		format: 'yyyymm',
		 weekStart: 1,
         autoclose: true,
         startView: 3,
         minView: 3,
         forceParse: false,
         language: 'zh-CN'
	});

//选择年的	   startView: 4,   minView: 4, format: 'yyyy',
$('#datetimepicker').datetimepicker({
		format: 'yyyymm',
		 weekStart: 1,
         autoclose: true,
         startView: 4,
         minView: 4,
         forceParse: false,
         language: 'zh-CN'
	});

    <div class="col-md-7">
                 <div class='input-group date form_date' >
                    <input name="startTm" id="datetimepicker" type='text' class="form-control input-sm" readonly="readonly"/>
                    <span class="input-group-addon input-sm">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div> 
   </div>

在这里遇到很多问题：什么日历图标没反映啊，输入框和日历图标对不齐啊，点日历图标把数据清了啊……都是样式问题，所以提供几种样式，一种一种试吧……博大精深啊……