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的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
js查错流程归纳
May 04 Javascript
js实现身份证号码验证的简单实例
Feb 19 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
JS实现生成会变大变小的圆环实例
Aug 05 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
Feb 10 Javascript
分享vue里swiper的一些坑
Aug 30 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
Dec 13 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 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的cURL库功能简介 抓取网页、POST数据及其他
2011/04/07 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
javascript多种数据类型表格排序代码分析
2010/09/11 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
java必学必会之static关键字
2015/12/03 Javascript
Position属性之relative用法
2015/12/14 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
详解vue前后台数据交互vue-resource文档
2017/07/19 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
koa+jwt实现token验证与刷新功能
2019/05/30 Javascript
Python 元类使用说明
2009/12/18 Python
python创建和使用字典实例详解
2013/11/01 Python
python获得文件创建时间和修改时间的方法
2015/06/30 Python
PyTorch CNN实战之MNIST手写数字识别示例
2018/05/29 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
python实现连续图文识别
2018/12/18 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
如何基于pythonnet调用halcon脚本
2020/01/20 Python
python要安装在哪个盘
2020/06/15 Python
Selenium 安装和简单使用的实现
2020/12/04 Python
解锁canvas导出图片跨域的N种姿势小结
2019/01/24 HTML / CSS
什么造成了Java里面的异常
2016/04/24 面试题
营销专业应届生求职信
2013/11/26 职场文书
专家推荐信模板
2014/05/09 职场文书