浅谈如何实现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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
bootstrap表单示例代码分享
May 18 Javascript
详解如何实现一个简单的 vuex
Feb 10 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
Vue组件实现触底判断
Jun 26 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
VUE中setTimeout和setInterval自动销毁案例
Sep 07 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
极典R601SW收音机
2021/03/02 无线电
php 上传功能实例代码
2010/04/13 PHP
php文件上传类的分享
2017/07/06 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
javascript 中对象的继承〔转贴〕
2007/01/22 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
详解js的延迟对象、跨域、模板引擎、弹出层、AJAX【附实例下载】
2016/12/19 Javascript
jQuery中过滤器的基本用法示例
2017/10/11 jQuery
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
JavaScript显式数据类型转换详解
2019/03/18 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
JS实现分页导航效果
2020/02/19 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
2020/07/24 Javascript
python读取中文txt文本的方法
2018/04/12 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
python解析多层json操作示例
2019/12/30 Python
python实现PCA降维的示例详解
2020/02/24 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
python RSA加密的示例
2020/12/09 Python
医药代表个人的求职信分享
2013/12/08 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
机关作风整顿个人剖析材料
2014/10/06 职场文书
四风问题党员个人整改措施
2014/10/27 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
企业财务经理岗位职责
2015/04/08 职场文书
小学毕业教师寄语
2019/06/21 职场文书
标准发言稿结尾
2019/07/18 职场文书