快捷導(dǎo)航

淺談如何實現(xiàn)easyui的datebox格式化

更新時間：2016年06月12日 11:30:10 作者：海潛

這篇文章主要和大家一起聊一聊如何實現(xiàn)easyui的datebox格式化的方法，感興趣的小伙伴們可以參考一下

看了網(wǎng)上有很多的解決方法，我也寫一個比較簡單方法。實現(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){//當月份不滿10的時候前面補0，例如09
 months='0'+months;
 }
 
 if(dates<10){//當日期不滿10的時候前面補0，例如09
 dates='0'+dates;
 }
 return years+"++"+months+"++"+dates;//根據(jù)自己需求進行改動
 }
 });

補充：

DateBox 日期顯示默認的格式為“dd/mm/yyyy”，如果想自定義成我們的格式需要實現(xiàn)兩個函數(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格式化最簡單方法，希望對大家的學習有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery toolbar與網(wǎng)頁浮動工具條具體實現(xiàn)代碼
toolbar 網(wǎng)頁浮動工具條非常實用的一個功能，下面為大家介紹下使用jquery如何快速做到
2014-01-01
JQuery解析HTML、JSON和XML實例詳解
JQuery具有強大的解析數(shù)據(jù)的能力，本文詳細介紹HTML、JSON和XML格式的文件的數(shù)據(jù)如何解析
2014-03-03
jQuery實現(xiàn)購物車表單自動結(jié)算效果實例
這篇文章主要介紹了jQuery實現(xiàn)購物車表單自動結(jié)算效果,涉及jquery動態(tài)獲取頁面元素及實時改變頁面元素值的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
可輸入文字查找ajax下拉框控件 ComBox的實現(xiàn)方法
下面小編就為大家?guī)硪黄奢斎胛淖植檎襛jax下拉框控件 ComBox的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
純jquery實現(xiàn)模仿淘寶購物車結(jié)算
在淘寶購物，需要把商品加入購車，其中包含全選、單選金額改變，當增加商品時金額也會相應(yīng)的發(fā)生變化，下面通過本文給大家分享純jquery實現(xiàn)模仿淘寶購物車結(jié)算，需要的朋友可以參考下
2015-08-08
jQuery EasyUI API 中文文檔 - Tree樹使用介紹
jQuery EasyUI API 中文文檔 - Tree樹使用介紹，需要的朋友可以參考下。
2011-11-11
使用jQuery和Bootstrap實現(xiàn)多層、自適應(yīng)模態(tài)窗口
這篇文章主要介紹了使用jQuery和Bootstrap實現(xiàn)多層、自適應(yīng)模態(tài)窗口,需要的朋友可以參考下
2014-12-12
jquery+php后臺實現(xiàn)省市區(qū)聯(lián)動功能示例
這篇文章主要介紹了jquery+php后臺實現(xiàn)省市區(qū)聯(lián)動功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)變換,以及ajax后臺動態(tài)交互相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字的相關(guān)資料，非常具有參考借鑒價值,需要的朋友可以參考下
2016-05-05
基于jquery實現(xiàn)左右上下移動效果
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)左右上下移動效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05