第一站长论坛

搜索
查看: 60|回复: 0

浅谈如何实现easyui的datebox格式化

[复制链接]
发表于 2017-1-12 01:17:56 | 显示全部楼层 |阅读模式
浅谈如何实现easyui的datebox格式化,easyui datebox 事件

看了网上有很多的解决方法,我也写一个比较简单方法。实现easyui的datebox格式化。效果如下,用“++”隔开,easyui datebox默认值看你喜欢用什么都可以。


1、html

  1. <span class="span1">证件有效期至:</span>
  2. <span><input id="passvali" name="hotel.passvali"></span>
复制代码
2、js

  1. /* 证件有效期至 */
  2. $('#passvali').datebox({
  3. formatter: function(date){
  4. var years=date.getFullYear();//获取年
  5. var months=date.getMonth()+1;//获取日
  6. var dates=date.getDate();//获取月

  7. if(months<10){//当月份不满10的时候前面补0,easyui datebox 清空例如09
  8. months='0'+months;
  9. }

  10. if(dates<10){//当日期不满10的时候前面补0,easyui datebox例如09
  11. dates='0'+dates;
  12. }
  13. return years+"++"+months+"++"+dates;//根据自己需求进行改动
  14. }
  15. });
复制代码
补充:
DateBox 日期显示默认的格式为“dd/mm/yyyy”,easyui datebox获取值如果想自定义成我们的格式需要实现两个函数,easyui datebox 事件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的格式:

  1. $('#dd1').datebox({
  2.   formatter: function(date){ return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();},
  3.   parser: function(date){ return new Date(Date.parse(date.replace(/-/g,"/")));}
  4. });
复制代码
以上就是为大家分享的easyui的datebox格式化最简单方法,qian tan ru he shi xian easyui di datebox ge shi hua希望对大家的学习有所帮助。浅谈如何实现easyui的datebox格式化WWw.0730cE.COM


您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


Tag标签
关闭
快速回复 返回顶部 返回列表