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 相关文章推荐
对象的类型:本地对象(1)
Dec 29 Javascript
json2.js的初步学习与了解
Oct 06 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
jquery使用animate方法实现控制元素移动
Mar 27 Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 Javascript
javascript日期验证之输入日期大于等于当前日期
Dec 13 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
浅谈vuex为什么不建议在action中修改state
Feb 02 Javascript
node.js 使用 net 模块模拟 websocket 握手进行数据传递操作示例
Feb 11 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
php绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
2016/02/15 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
字符串反转_JavaScript
2016/04/28 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
jquery仿微信聊天界面
2017/05/06 jQuery
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
JS实现放烟花效果
2020/03/10 Javascript
vue 弹出遮罩层样式实例
2020/07/22 Javascript
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
使用python画个小猪佩奇的示例代码
2018/06/06 Python
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
python支持多线程的爬虫实例
2019/12/21 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
美国在线眼镜店:GlassesShop
2018/11/15 全球购物
100%羊绒:NakedCashmere
2020/08/26 全球购物
优秀管理者获奖感言
2014/02/17 职场文书
大客户经理岗位职责
2015/04/09 职场文书
童年读书笔记
2015/06/26 职场文书
python实现的web监控系统
2021/04/27 Python
MySQL开启事务的方式
2021/06/26 MySQL
Python 数据科学 Matplotlib图库详解
2021/07/07 Python
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers