关于在datepicker中，只选年月

最新推荐文章于 2023-11-26 13:04:28 发布

weixin_33713503

最新推荐文章于 2023-11-26 13:04:28 发布

阅读量376

点赞数

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

版权

有这么个需求，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));  
        
         }  
        
         });