EasyUi日期控制項datebox設定,只顯示年月

2021-08-20 06:26:47 字數 1125 閱讀 9944

專案中用到的,只需要選擇年月,不用選擇日期。剛開始是設定的只選擇月份,寫死的下拉列表,後來發現不合適,年份無法選擇。於是開始用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 ...