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 相关文章推荐
javascript 拖放效果实现代码
Jan 22 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
js日期范围初始化得到前一个月日期的方法
May 05 Javascript
微信jssdk在iframe页面失效问题的解决措施
Mar 03 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
Oct 13 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
Aug 10 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 Javascript
微信小程序swiper使用网络图片不显示问题解决
Dec 13 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
Zend Framework分发器用法示例
2016/12/11 PHP
jQuery 获取对象 定位子对象
2010/05/31 Javascript
jquery获取input的value问题说明
2010/08/19 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
jQuery基于图层模仿五星星评价功能的方法
2015/05/07 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
2016/05/09 Javascript
gulp-uglify 与gulp.watch()配合使用时报错(重复压缩问题)
2016/08/24 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
移动端手指放大缩小插件与js源码
2017/05/22 Javascript
vue 打包后的文件部署到express服务器上的方法
2017/08/09 Javascript
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
详解小程序输入框闪烁及重影BUG解决方案
2018/08/31 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
Android 兼容性问题:java.lang.UnsupportedOperationException解决办法
2017/03/19 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
解决pycharm同一目录下无法import其他文件
2020/02/12 Python
Python批量处理csv并保存过程解析
2020/05/16 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
python装饰器代码深入讲解
2021/03/01 Python
Julep官网:美容产品和指甲油
2017/02/25 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
环境科学专业个人求职信
2013/12/15 职场文书
学生安全教育材料
2014/02/14 职场文书
股份合作协议书范本
2014/04/14 职场文书
大学三年计划书范文
2014/04/30 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
普通话宣传标语
2014/06/26 职场文书
居委会工作总结2015
2015/05/18 职场文书
2016大学军训心得体会
2016/01/11 职场文书
吃通javascript正则表达式
2021/04/21 Javascript
Django如何创作一个简单的最小程序
2021/05/12 Python