浅谈如何实现easyui的datebox格式化
更新时间：2016年06月12日 11:30:10 作者：海潜
这篇文章主要和大家一起聊一聊如何实现easyui的datebox格式化的方法，感兴趣的小伙伴们可以参考一下
看了网上有很多的解决方法，我也写一个比较简单方法。实现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;//根据自己需求进行改动
}
});
补充：
DateBox 日期显示默认的格式为“dd/mm/yyyy”，如果想自定义成我们的格式需要实现两个函数，formatter和parser。
formatter函数使得选择日期后将其格式化为我们需要的格式，parser函数在选择好日期后告诉控件如何去解析我们自定义的格式。
定义如下：
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格式化最简单方法，希望对大家的学习有所帮助。
相关文章
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。2011-01-01
jQuery时间插件jquery.clock.js用法实例(5个示例)
这篇文章主要介绍了jQuery时间插件jquery.clock.js用法,结合5个实例简单分析了jQuery时间插件jquery.clock.js的具体使用技巧,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了7个有用的jQuery技巧分享,本文给出了在新窗口打开链接、设置等高的列、jQuery预加载图像、禁用鼠标右键、设定计时器等实用代码片段,需要的朋友可以参考下2015-05-05
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
这篇文章主要介绍了jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法,涉及EasyUI窗体操作的相关技巧,需要的朋友可以参考下2016-08-08
通过Jquery的Ajax方法读取将table转换为Json
这篇文章主要介绍了通过Jquery的Ajax方法读取将table转换为Json,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了使用jQuery制作遮罩层弹出效果的极简实例分享,效果中背景为半透冥且不可操作,在制作页面上传功能等场景下十分实用,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了jQuery语法小结(超实用)，涉及到jquery语法相关知识，对jquery语法相关知识感兴趣的朋友一起学习吧2015-12-12
日常生活中用手机，电脑浏览网页时，滑到了页面下端后想返回顶部 或 跳转到页面别的版块，用鼠标滚动很麻烦，网页电梯导航就可以很方便的精准到达目标版块，本文给大家分享jquery电梯导航案例详解，感兴趣的朋友一起看看吧2022-05-05
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
目前市面上已经有很多成熟好用的jquery弹出窗插件，像模态窗口插件(Modal Dialog Plugins)以及数不胜数的灯箱插件(lightbox plugins)。2010-09-09
这篇文章主要介绍了jquery绑定事件 bind和on的用法与区别,结合实例形式分析了jquery绑定事件 bind和on的基本功能、用法、区别与操作注意事项,需要的朋友可以参考下2020-05-05
最新评论