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 相关文章推荐
List the Stored Procedures in a SQL Server database
Jun 20 Javascript
javascript GUID生成器实现代码
Oct 31 Javascript
使用JQUERY Tabs插件宿主IFRAMES
Jan 01 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
JavaScript中 ES6 generator数据类型详解
Aug 11 Javascript
使用JQuery中的trim()方法去掉前后空格
Sep 16 Javascript
jquery.Callbacks的实现详解
Nov 30 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 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读取javascript设置的cookies的代码
2010/04/12 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP序列号生成函数和字符串替换函数代码
2012/06/07 PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
2014/09/12 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
PHP过滤器 filter_has_var() 函数用法实例分析
2020/04/23 PHP
Array.prototype 的泛型应用分析
2010/04/30 Javascript
js下判断 iframe 是否加载完成的完美方法
2010/10/26 Javascript
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
2013/07/10 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
2016/10/05 Javascript
如何利用JavaScript编写更好的条件语句详解
2020/08/10 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
[47:42]完美世界DOTA2联赛PWL S2 GXR vs Ink 第一场 11.19
2020/11/20 DOTA
python多线程http下载实现示例
2013/12/30 Python
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
解决django框架model中外键不落实到数据库问题
2020/05/20 Python
html5+css3之制作header实例与更新
2020/12/21 HTML / CSS
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
校园文明标语
2014/06/13 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
个人查摆问题及整改措施
2014/10/16 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
步步惊心观后感
2015/06/12 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
我国拿下天问一号火星着陆区附近 22 个地理实体命名:平乐、西柏坡、古田、漠河等
2022/04/29 数码科技