Extjs TimeField 显示正常时间格式的代码


Posted in Javascript onJune 28, 2011

如果想正确显示,一般的方法都是改后台代码,使日期时间格式变为string返回,我解决的方法是重写TimeField 的setValue ,具体代码如下:

Ext.override(Ext.form.TimeField, { 
getValue: function () { 
return this.value; 
}, 
setValue: function (v) { 
this.value = v; 
this.setRawValue(this.formatValue(v)); 
return this; 
}, 
formatValue: function (v) { 
if (v.length>8) { //timefield最大不超过8个 大于8个的肯定是json中的 
var jsondate = eval("new " + v.substr(1, v.length - 2)).toLocaleTimeString(); 
jsondate = jsondate.length == 8 ? jsondate.substr(0, 5) : '0' + jsondate.substr(0, 4); //toLocaleTimeString比较弱智,返回的如果小时是小于10 小时位就只有1位 
return jsondate; 
} 
return v; 
} 
});
Javascript 相关文章推荐
jQuery学习笔记之jQuery的DOM操作
Dec 22 Javascript
javascript表单验证使用示例(javascript验证邮箱)
Jan 07 Javascript
在HTML代码中使用JavaScript代码的例子
Oct 16 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
vue2单元测试环境搭建
May 24 Javascript
简单说说angular.json文件的使用
Oct 29 Javascript
用Vue.js在浏览器中实现裁剪图像功能
Jun 18 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
Js利用正则表达式去除字符串的中括号
Nov 23 Javascript
javascript复制对象使用说明
Jun 28 #Javascript
javascript 45种缓动效果 非常酷
Jun 28 #Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 #Javascript
关于js类的定义
Jun 28 #Javascript
js 编程笔记 无名函数
Jun 28 #Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 #Javascript
基于jquery的回到页面顶部按钮
Jun 27 #Javascript
You might like
一个用php实现的获取URL信息的类
2007/01/02 PHP
CodeIgniter CLI模式简介
2014/06/17 PHP
PHP获取photoshop写入图片文字信息的方法
2015/03/31 PHP
关于PHP定时发送服务的解决办法
2017/04/23 PHP
jQuery setTimeout传递字符串参数报错的解决方法
2014/06/09 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
2014/07/04 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
2014/09/02 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
jquery制作 随机弹跳的小球特效
2015/02/01 Javascript
JavaScript实现的多种鼠标拖放效果
2015/11/03 Javascript
JS截取与分割字符串常用技巧总结
2015/11/10 Javascript
JQuery实现网页右侧随动广告特效
2016/01/17 Javascript
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
Express结合Webpack的全栈自动刷新
2019/05/23 Javascript
详解Vue+elementUI build打包部署后字体图标丢失问题
2020/07/13 Javascript
[02:52]2014DOTA2西雅图国际邀请赛 CIS战队巡礼
2014/07/07 DOTA
python实现读取命令行参数的方法
2015/05/22 Python
Python的Django框架中的URL配置与松耦合
2015/07/15 Python
Python基本语法经典教程
2016/03/11 Python
django缓存配置的几种方法详解
2018/07/16 Python
python使用pygame框架实现推箱子游戏
2018/11/20 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
python 实现目录复制的三种小结
2019/12/04 Python
Python性能分析工具py-spy原理用法解析
2020/07/27 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
基于html5绘制圆形多角图案
2016/04/21 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
维也纳通行证:Vienna PASS
2019/07/18 全球购物
教师实习自我鉴定
2013/12/11 职场文书
校园报刊亭创业计划书
2014/01/02 职场文书
2014年小学数学工作总结
2014/12/12 职场文书
vue 给数组添加新对象并赋值
2022/04/20 Vue.js