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 相关文章推荐
jquery 延迟执行实例介绍
Aug 20 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
promise处理多个相互依赖的异步请求(实例讲解)
Aug 03 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
浅析vue-router原理
Oct 19 Javascript
vue从零实现一个消息通知组件的方法详解
Mar 16 Javascript
JavaScript实现简易计算器小功能
Oct 22 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读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
laravel入门知识点整理
2020/09/15 PHP
javascript记住用户名和登录密码(两种方式)
2015/08/04 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
JavaScript触发onScroll事件的函数节流详解
2016/12/14 Javascript
vue.js将unix时间戳转换为自定义时间格式
2017/01/03 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
three.js绘制地球、飞机与轨迹的效果示例
2017/02/28 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
nodejs中安装ghost出错的原因及解决方法
2017/10/23 NodeJs
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
NestJs 静态目录配置详解
2019/03/12 Javascript
详解Vue2.5+迁移至Typescript指南
2019/08/01 Javascript
vue输入框使用模糊搜索功能的实现代码
2020/05/26 Javascript
python中sys.argv参数用法实例分析
2015/05/20 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
python编写俄罗斯方块
2020/03/13 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
python基于pygame实现飞机大作战小游戏
2020/11/19 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
思想汇报范文
2013/11/04 职场文书
教师实习自我鉴定
2013/12/11 职场文书
建议书的格式
2014/05/12 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
2015年试用期工作总结
2014/12/12 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL