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 相关文章推荐
漂亮的widgets,支持换肤和后期开发新皮肤
Apr 23 Javascript
用js实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
vue.js入门教程之绑定class和style样式
Sep 02 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
js实现百度搜索提示框
Feb 05 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
Vue引入sass并配置全局变量的方法
Jun 27 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 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
长波知识介绍
2021/03/01 无线电
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
JavaScript 不只是脚本
2007/05/30 Javascript
JQuery 选项卡效果(JS与HTML的分离)
2010/04/01 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
详解ES7 Decorator 入门解析
2019/02/18 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
详解如何在Vue项目中发送jsonp请求
2019/10/25 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
Python视频爬虫实现下载头条视频功能示例
2018/05/07 Python
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
python列表生成器迭代器实例解析
2019/12/19 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
Django 解决model 反向引用中的related_name问题
2020/05/19 Python
python 调用API接口 获取和解析 Json数据
2020/09/28 Python
社区母亲节活动方案
2014/03/05 职场文书
协议书模板
2014/04/23 职场文书
安全目标管理责任书
2014/07/25 职场文书
施工安全汇报材料
2014/08/17 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
商超业务员岗位职责
2015/02/13 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
浅谈Python中对象是如何被调用的
2022/04/06 Python