浅谈如何实现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 相关文章推荐
表单(FORM)的一些实用效果代码
Mar 25 Javascript
JavaScript 使用技巧精萃(.net html
Apr 25 Javascript
js判断横竖屏及禁止浏览器滑动条示例
Apr 29 Javascript
JSON格式化输出
Nov 10 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
Sep 04 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
node全局变量__dirname与__filename的区别
Jan 14 Javascript
Javascript执行流程细节原理解析
May 14 Javascript
在vue-cli3中使用axios获取本地json操作
Jul 30 Javascript
如何用JavaScript实现一个数组惰性求值库
May 05 Javascript
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
提问的智慧
2006/10/09 PHP
通过html表格发电子邮件
2006/10/09 PHP
打造计数器DIY三步曲(中)
2006/10/09 PHP
thinkphp中session和cookie无效的解决方法
2014/12/19 PHP
php对数组内元素进行随机调换的方法
2015/05/12 PHP
php获得文件夹下所有文件的递归算法的简单实例
2016/11/01 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
jquery 利用show和hidden实现级联菜单示例代码
2013/08/09 Javascript
js浮点数精确计算(加、减、乘、除)
2013/12/26 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
tab栏切换原理
2017/03/22 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python使用win32com库播放mp3文件的方法
2015/05/30 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
浅谈Python中函数的定义及其调用方法
2019/07/19 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
解决Python数据可视化中文部分显示方块问题
2020/05/16 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
学生会副主席竞聘书
2014/03/31 职场文书
英文推荐信格式范文
2014/05/09 职场文书
学生会生活部工作总结2015
2015/03/31 职场文书
加班费申请报告
2015/05/15 职场文书
工作感想范文
2015/08/07 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
高效笔记技巧分享:学会这些让你不再困扰
2019/09/04 职场文书
Java面试题冲刺第十九天--数据库(4)
2021/08/07 Java/Android
Nebula Graph解决风控业务实践
2022/03/31 MySQL