关于在datepicker中,只选年月

本文介绍如何将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中配置如下: 

?
1
2
3
4
5
6
7
8
9
10
11
$( '.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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值