js用Date对象处理时间实现思路及代码


Posted in Javascript onJanuary 31, 2013

先说说这次的应用场景
从XML文件中读取数据,然后将里面的数据返回到页面中用一个第三方插件进行绘图。

在XML里读取出来的数据当然是字符串类型,而如果希望使用绘图插件X轴的time mode(这样才能更合理的定制如x轴范围、x轴数据format等)。则必须将数据转化为标准的时间对象。这个时候js里内置的Date类型就派上了用场:

var date = new Date(); 
//id为time的input域包含了xml里提取的时间信息 
date.setHours($("#time" ).val().substring(0, 2)+8); 
date.setMinutes($("#time" ).val().substring(2, 4)); 
date.setSeconds($("#time" ).val().substring(4, 6));

XML里的时间类型是小时分钟秒的格式(如083100),将里面的数据取出来之后就可以用诸如setHours、setMinutes、setSeconds等设置时间的函数来实例化Date对象。
Javascript 相关文章推荐
用js做一个小游戏平台 (一)
Dec 29 Javascript
40款非常棒的jQuery 插件和制作教程(系列二)
Nov 02 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
javascript中对变量类型的判断方法
Aug 09 Javascript
JS组件Bootstrap Table使用实例分享
May 30 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
浅谈Redux中间件的实践
Jul 27 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
JS实现滑动导航效果
Jan 14 Javascript
document.all的一个比较完整的总结及案例
Jan 31 #Javascript
javascript对select标签的控制(option选项/select)
Jan 31 #Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 #Javascript
js+html+css实现鼠标移动div实例
Jan 30 #Javascript
DWR实现模拟Google搜索效果实现原理及代码
Jan 30 #Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
Jan 30 #Javascript
js判断样式className同时增加class或删除class
Jan 30 #Javascript
You might like
全国FM电台频率大全 - 31 新疆维吾尔族自治区
2020/03/11 无线电
PHP数组无限分级数据的层级化处理代码
2012/12/29 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
Javascript URI 解析介绍
2015/03/15 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
javascript拖拽效果延伸学习
2016/04/04 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
2016/10/21 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
vue组件 $children,$refs,$parent的使用详解
2017/07/31 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
vue使用axios时关于this的指向问题详解
2017/12/22 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
150行Node.js实现的dns代理工具
2019/08/02 Javascript
vue实现Input输入框模糊查询方法
2021/01/29 Javascript
vue $router和$route的区别详解
2020/12/02 Vue.js
Python中统计函数运行耗时的方法
2015/05/05 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
python实现图片识别汽车功能
2018/11/30 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
python爬虫 基于requests模块发起ajax的get请求实现解析
2019/08/20 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
企业文化理念标语
2014/06/10 职场文书
纪检部部长竞选稿
2015/11/21 职场文书
小学毕业教师寄语
2019/06/21 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL