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


Posted in Javascript onJune 12, 2016

看了网上有很多的解决方法,我也写一个比较简单方法。实现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格式化最简单方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
页面使用密码保护代码
Apr 10 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
javascript实用方法总结
Feb 06 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
JS触发服务器控件的单击事件(详解)
Aug 06 Javascript
快速入门Vue
Dec 19 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
BootStrap 导航条实例代码
May 18 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
JQuery的attr 与 val区别
Jun 12 #Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 #Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 #Javascript
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
Jun 12 #Javascript
javascript jquery对form元素的常见操作详解
Jun 12 #Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
Jun 12 #Javascript
浅谈JS中逗号运算符的用法
Jun 12 #Javascript
You might like
php读取图片内容并输出到浏览器的实现代码
2013/08/08 PHP
php自定义的格式化时间示例代码
2013/12/05 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
解析WordPress中函数钩子hook的作用及基本用法
2015/12/22 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
javascript验证香港身份证的格式或真实性
2017/02/07 Javascript
webpack构建react多页面应用详解
2017/09/15 Javascript
深入koa-bodyparser原理解析
2019/01/16 Javascript
vant实现购物车功能
2020/06/29 Javascript
微信小程序:报错(in promise) MiniProgramError
2020/10/30 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
[33:17]OG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
pyshp创建shp点文件的方法
2018/12/31 Python
python画图--输出指定像素点的颜色值方法
2019/07/03 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
Python爬取新型冠状病毒“谣言”新闻进行数据分析
2020/02/16 Python
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
校友会欢迎辞
2014/01/13 职场文书
税务干部鉴定材料
2014/02/11 职场文书
教师职称自我鉴定
2014/02/12 职场文书
先进集体获奖感言
2014/02/13 职场文书
学生意外伤害赔偿协议书
2014/09/17 职场文书
党校个人总结
2015/03/04 职场文书
稽核岗位职责范本
2015/04/13 职场文书
建党伟业观后感
2015/06/01 职场文书
Python开发工具Pycharm的安装以及使用步骤总结
2021/06/24 Python
python小型的音频操作库mp3Play
2022/04/24 Python