bootstrap-datetimepicker 选择年、月份

最新推荐文章于 2025-05-28 16:08:26 发布

原创最新推荐文章于 2025-05-28 16:08:26 发布 · 2.3w 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap datetimepicker

boostrap 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用bootstrap-datetimepicker插件实现不同级别的日期选择，包括年月日、年月及单独的年份选择，并提供了具体的HTML及JS代码示例。

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

使用了bootstrap-datetimepicker日历，发现在需求只需要年份和月份，而直接使用这个插件是显示了年月日和时分秒，结合官网上的介绍和查阅大神们的博客，特记此。。。

html代码如下：

<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>

js代码如下：

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

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

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