浅谈如何实现easyui的datebox格式化
2016-06-12 11:30
543 查看
看了网上有很多的解决方法,我也写一个比较简单方法。实现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格式化最简单方法,希望对大家的学习有所帮助。
您可能感兴趣的文章:
相关文章推荐
- easyui------显示隐藏列功能
- 如何使用jquery easyui创建标签组件
- Flex中对表格某列的值进行数字格式化并求百分比添加%
- jQuery寻找n以内完全数的方法
- asp格式化日期时间格式的代码
- 浅谈jQuery.easyui的datebox格式化时间
- 推荐10个2014年最佳的jQuery视频插件
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- jquery实现触发时更新下拉列表内容的方法
- 在ASP.NET 2.0中操作数据之十一:基于数据的自定义格式化
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- 轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
- Flex中对表格中某列的值进行数字格式化保留两位小数
- 基于jQuery实现网页打印功能
- jQuery Easyui 验证两次密码输入是否相等
- javascript 格式化时间日期函数代码脚本之家修正版
- easyui window refresh 刷新两次的解决方法(推荐)