浅谈如何实现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 相关文章推荐
javaScript同意等待代码实现心得
Jan 01 Javascript
js下拉菜单语言选项简单实现
Sep 23 Javascript
javascript动态创建链接的方法
May 13 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
微信小程序模版渲染详解
Jan 26 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
Vue组件跨层级获取组件操作
Jul 27 Javascript
vue组件中传值EventBus的使用及注意事项说明
Nov 16 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 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
一个捕获函数输出的函数
2007/02/14 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php实现对象克隆的方法
2015/06/20 PHP
php+html5实现无刷新图片上传教程
2016/01/22 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
WAF的正确bypass
2017/01/05 PHP
使用Firebug对js进行断点调试的图文方法
2011/04/02 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
详解数组Array.sort()排序的方法
2020/05/09 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
AngularJS1.X学习笔记2-数据绑定详解
2017/04/01 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
介绍Python中的__future__模块
2015/04/27 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
浅谈python连续赋值可能引发的错误
2018/11/10 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
关于Theano和Tensorflow多GPU使用问题
2020/06/19 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
幼儿园英语教学反思
2014/01/30 职场文书
抽奖活动主持词
2014/03/31 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
2014年实习期工作总结
2014/11/27 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android
vue中使用mockjs配置和使用方式
2022/04/06 Vue.js
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android