关于在datepicker中，只选年月

最新推荐文章于 2023-08-08 17:02:48 发布

转载最新推荐文章于 2023-08-08 17:02:48 发布 · 415 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jxlsomnus/p/5148310.html

本文介绍如何将DatePicker从选择具体日期调整为仅选择年份和月份的方法。通过修改jQuery UI DatePicker插件的相关配置，包括设置日期格式为“MM yy”，并隐藏日历视图中的日份部分。

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

有这么个需求，datepicker默认是选某个具体的日子的，但是现在只选到年月为止，

solution：
html如下：
<div>
<label for="startDate">Date :</label>
<input name="startDate" id="startDate" class="date-picker" />
</div>

在datepicker中配置如下：

         $(
         '.date-picker'
         ).datepicker( {
        
         changeMonth: 
         true
         , 
        
         changeYear: 
         true
         , 
        
         showButtonPanel: 
         true
         , 
        
         dateFormat: 
         'MM yy'
         , 
        
         onClose: 
         function
         (dateText, inst) { 
        
         var 
         month = $(
         "#ui-datepicker-div .ui-datepicker-month :selected"
         ).val(); 
        
         var 
         year = $(
         "#ui-datepicker-div .ui-datepicker-year :selected"
         ).val(); 
        
         $(
         this
         ).datepicker(
         'setDate'
         , 
         new 
         Date(year, month, 1)); 
        
         } 
        
         });

在style里添加这么一句：
.ui-datepicker-calendar {
display: none;
}

但是好笑的是，我隐藏了之后，一段时间之后我不知道怎么把日期显示出来了。又找了半天，原来是css控制的

有这么个需求，datepicker默认是选某个具体的日子的，但是现在只选到年月为止，

转载于:https://www.cnblogs.com/jxlsomnus/p/5148310.html