淺談如何實(shí)現(xiàn)easyui的datebox格式化
看了網(wǎng)上有很多的解決方法,我也寫一個(gè)比較簡(jiǎn)單方法。實(shí)現(xiàn)easyui的datebox格式化。效果如下,用“++”隔開,看你喜歡用什么都可以。
1、html
<span class="span1">證件有效期至:</span> <span><input id="passvali" name="hotel.passvali"></span>
2、js
/* 證件有效期至 */ $('#passvali').datebox({ formatter: function(date){ var years=date.getFullYear();//獲取年 var months=date.getMonth()+1;//獲取日 var dates=date.getDate();//獲取月 if(months<10){//當(dāng)月份不滿10的時(shí)候前面補(bǔ)0,例如09 months='0'+months; } if(dates<10){//當(dāng)日期不滿10的時(shí)候前面補(bǔ)0,例如09 dates='0'+dates; } return years+"++"+months+"++"+dates;//根據(jù)自己需求進(jìn)行改動(dòng) } });
補(bǔ)充:
DateBox 日期顯示默認(rèn)的格式為“dd/mm/yyyy”,如果想自定義成我們的格式需要實(shí)現(xiàn)兩個(gè)函數(shù),formatter和parser。
formatter函數(shù)使得選擇日期后將其格式化為我們需要的格式,parser函數(shù)在選擇好日期后告訴控件如何去解析我們自定義的格式。
定義如下:
formatter:A function to format the date, the function take a 'date' parameter and return a string value.
parser:A function to parse a date string, the function take a 'date' string and return a date value.
如將日期格式化為yyyy-mm-dd的格式:
$('#dd1').datebox({ formatter: function(date){ return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();}, parser: function(date){ return new Date(Date.parse(date.replace(/-/g,"/")));} });
以上就是為大家分享的easyui的datebox格式化最簡(jiǎn)單方法,希望對(duì)大家的學(xué)習(xí)有所幫助。
- 淺談jQuery.easyui的datebox格式化時(shí)間
- 給easyui datebox擴(kuò)展一個(gè)清空的實(shí)例
- JQuery EasyUI 數(shù)字格式化處理示例
- jquery EasyUI的formatter格式化函數(shù)代碼
- easyui validatebox驗(yàn)證
- jQuery easyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法
- jQuery插件EasyUI校驗(yàn)規(guī)則 validatebox驗(yàn)證框
- jQuery EasyUI API 中文文檔 - DateBox日期框
- jQuery EasyUI API 中文文檔 - ValidateBox驗(yàn)證框
相關(guān)文章
jquery左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕
這篇文章主要介紹通過jquery實(shí)現(xiàn)左邊浮動(dòng)到一定位置時(shí)顯示返回頂部按鈕的效果,需要的朋友可以參考下2014-06-06jquery實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)表格中點(diǎn)擊相應(yīng)行變色功能效果【實(shí)例代碼】。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05IE10中flexigrid無(wú)法顯示數(shù)據(jù)的解決方法
這篇文章主要介紹了IE10中flexigrid無(wú)法顯示數(shù)據(jù)的解決方法的相關(guān)資料,需要的朋友可以參考下2015-07-07jquery實(shí)現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件
這篇文章主要介紹了jquery實(shí)現(xiàn)的代替?zhèn)鹘y(tǒng)checkbox樣式插件,可實(shí)現(xiàn)滑動(dòng)選擇的效果,需要的朋友可以參考下2015-06-06bootstrap table實(shí)現(xiàn)iview固定列的效果實(shí)例代碼詳解
這篇文章主要介紹了bootstrap table實(shí)現(xiàn)iview固定列的效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09