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

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

301_2@

1、html

2、js

Box({ 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的格式:

Box({ formatter: function(date){ return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();},parser: function(date){ return new Date(Date.parse(date.replace(/-/g,"/")));} });

以上就是为大家分享的easyui的dateBox格式化最简单方法,希望对大家的学习有所帮助。

相关文章

事件冒泡和事件捕获 起因:今天在封装一个bind函数的时候,发现el.addEventListener函数支持第三个参数...
js小数运算会出现精度问题 js number类型 JS 数字类型只有number类型,number类型相当于其他强类型语言...
什么是跨域 跨域 : 广义的跨域包含一下内容 : 1.资源跳转(链接跳转,重定向跳转,表单提交) 2.资源...
@ &quot;TOC&quot; 常见对base64的认知(不完全正确) 首先对base64常见的认知,也是须知的必须有...
搞懂:MVVM模式和Vue中的MVVM模式 MVVM MVVM : 的缩写,说都能直接说出来 :模型, :视图, :视图模...
首先我们需要一个html代码的框架如下: 我们的目的是实现ul中的内容进行横向的一点一点滚动。ul中的内容...