EasyUi日期控件datebox 只显示年月

最新推荐文章于 2022-11-16 15:15:49 发布

king_qc

最新推荐文章于 2022-11-16 15:15:49 发布

阅读量661

点赞数

分类专栏： JavaScript 文章标签： EasyUI

本文链接：https://blog.csdn.net/king_qc/article/details/84666464

版权

本文介绍了如何使用EasyUI的datebox控件来只显示年月，通过默认选中月份并隐藏日期的方式实现。若遇到问题，可以尝试定位到月份选择项的特定Class进行调整。

摘要由CSDN通过智能技术生成

    dateboxFormat('#period_export');

    function dateboxFormat(dateId){
    	$(dateId).datebox({
 	       //显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层
 	       onShowPanel: function () {
 	          //触发click事件弹出月份层
 	          span.trigger('click'); 
 	          if (!tds)
 	            //延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔
 	            setTimeout(function() { 
 	                tds = p.find('div.calendar-menu-month-inner td');
 	                tds.click(function(e) {
 	                   //禁止冒泡执行easyui给月份绑定的事件
 	                   e.stopPropagation(); 
 	                   //得到年份
 	                   var year = /\d{4}/.exec(span.html())[0] ,
 	                   //月份
 	                   month = parseInt($(this).attr('abbr'), 10);  
 			           //隐藏日期对象                     
 			           $(dateId).datebox('hidePanel') 
 			           //设置日期的值
 			           .datebox('setVa

最低0.47元/天解锁文章