easyui combobox日期框只显示年月
2018-03-09 11:49
246 查看
<table> <tr> <td>年月</td> <td> <input id="attYearMonth" editable="false" name="attYearMonth" class="easyui-datebox" style="width: 172px" /> </td> </tr> </table>
js:
$('#attYearMonth').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) + 1; month = parseInt($(this).attr('abbr'), 10); //隐藏日期对象 $('#attYearMonth').datebox('hidePanel') //设置日期的值 .datebox('setValue', year + '-' + month); }); }, 0); }, //配置parser,返回选择的日期 parser: function (s) { if (!s) return new Date(); var arr = s.split('-'); return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, 1); }, //配置formatter,只返回年月 之前是这样的d.getFullYear() + '-' +(d.getMonth()); formatter: function (d) { var currentMonth = (d.getMonth()+1); var currentMonthStr = currentMonth < 10 ? ('0' + currentMonth) : (currentMonth + ''); return d.getFullYear() + '-' + currentMonthStr; } }); //日期选择对象 var p = $('#attYearMonth').datebox('panel'), //日期选择对象中月份 tds = false, //显示月份层的触发控件 span = p.find('span.calendar-text'); var curr_time = new Date(); //设置前当月 $("#attYearMonth").datebox("setValue", myformatter(curr_time));
myformatter函数://格式化日期
function myformatter(date) {
//获取年份
var y = date.getFullYear();
//获取月份
var m = date.getMonth() + 1;
return y + '-' + m;
}本文转自EasyUi日期控件datebox设置,只显示年月,也只能选择年月
相关文章推荐
- 修改easyui日期控件只显示年月,并且只能选择年月
- easyUI 设置日期控件当前日期前一天 当前日期前一个月(只显示年月)
- easyui datebox只显示年月选择,隐藏日期
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- easyUI 设置日期控件当前日期前一天 当前日期前一个月(只显示年月)
- easyUI 设置日期控件当前日期前一天 当前日期前一个月(只显示年月)
- 修改easyui日期控件只显示年月,并且只能选择年月
- easyui-datebox 日期控件 只显示年月 不显示日
- EasyUi日期控件datebox设置,只显示年月
- easyui-datebox 日期控件 只显示年月 不显示日
- easyui日期插件改进,只显示年月
- easyui-datebox 日期控件 只显示年月 不显示日
- easyUI框架下实现日期按年,年月,年月日方式显示
- android开发笔记--时间控件只显示年月不显示日期【如有需要可以更为只显示月日不显示年份】
- 转载 + 原创 ::easyui combobox 模糊匹配 +实现匹配字段存在者显示,不存在则为空
- 自定义EasyUI的datetimebox控件日期时间的显示格式(转)
- easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13,改为2017/03/13
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.4.1
- easyUI 处理combobox新建编辑时显示的问题