專案中用到的,只需要選擇年月,不用選擇日期。剛開始是設定的只選擇月份,寫死的下拉列表,後來發現不合適,年份無法選擇。於是開始用easyui的datebox控制項來實現。
其中參考了兩位博主的文章:和下面是貼出來自己的原始碼:
function settimemsg() /.exec(span.html())[0];//得到年份
var month = parseint($(this).attr('abbr'), 10); //月份,這裡不需要+1
month = month < 10 ? '0' + month : month;
$("#txtsearchmonth").datebox('hidepanel')//隱藏日期物件
.datebox('setvalue', year + '-' + month); //設定日期的值
});}, 0);
yeaript.unbind();//解綁年份輸入框中任何事件
},parser: function (s) ,
formatter: function (d)
});var curr_time = new date();
var p = $("#txtsearchmonth").datebox('panel'), //日期選擇物件
tds = false, //日期選擇物件中月份
atoday = p.find('a.datebox-current'),
yeaript = p.find('input.calendar-menu-year'),//年份輸入框
//顯示月份層的觸發控制項
span = atoday.length ? p.find('div.calendar-title span') :版本
p.find('span.calendar-text'); 版本
if (atoday.length) );
}//設定前當月
$("#txtsearchmonth").datebox("setvalue", myformatters(curr_time));
}function myformatters(date)
頁面:
時間
EASYUI日期控制項年月
生成日期控制項 function attdatebox exec span.html 0 月份 之前是這樣的month parseint this attr abbr 10 1 month parseint this attr abbr 10 隱藏日期物件 attyearmonth datebox ...
EasyUi日期控制項datebox 只顯示年月
dateboxformat period export function dateboxformat dateid exec span.html 0 月份 month parseint this attr abbr 10 隱藏日期物件 dateid datebox hidepanel 設定日期的值 ...
jquery獲取easyui日期控制項的值
jquery easyui日期控制項中,在頁面裡用js拿到設定的日期值的方法jquery獲取easyui日期控制項的值 jquery easyui 日期框 有這樣的乙個日期文字框 text name mdate size 20 value id mdate class easyui datebox ...