先在页面中写一个easyui-datebox的按钮
<input id="id" class="easyui-datebox" data-options="prompt:'起始月份'"/>
把这个按钮的id传过去,initDate函数在后面
$(document).ready(function () {
initDate("id")
}
function initDate(id) {
var db = $('#'+id);
db.datebox({
onShowPanel: function () {
span.trigger('click');
if (!tds) setTimeout(function () {
tds = p.find('div.calendar-menu-month-inner td');
tds.click(function (e) {
e.stopPropagation();
var year = /\d{4}/.exec(span.html())[0]
, month = parseInt($(this).attr('abbr'), 10);
db.datebox('hidePanel')
.datebox('setValue', year + '-' + month);
});
}, 0);
yearIpt.unbind();
},
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: function (d) {
return d.getFullYear() + '-' + (d.getMonth() + 1);
}
});
var p = db.datebox('panel'),
tds = false,
yearIpt = p.find('input.calendar-menu-year'),
span = p.find('span.calendar-text');
}
最终的显示效果