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 10 Javascript
jquery text()要注意啦
Oct 30 Javascript
Jquery练习之表单验证实现代码
Dec 14 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
js根据需要计算数组中重复出现某个元素的个数
Jan 18 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
JavaScript分页组件使用方法详解
Jul 26 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作的文本留言本的例子(二)
2006/10/09 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
JavaScript 创建对象
2009/07/17 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
jQuery实现验证年龄简单思路
2016/02/24 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
实例教学如何写vue插件
2017/11/30 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
layer插件实现在弹出层中弹出一警告提示并关闭弹出层的方法
2019/09/24 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
python字符串替换示例
2014/04/24 Python
python写xml文件的操作实例
2014/10/05 Python
使用11行Python代码盗取了室友的U盘内容
2018/10/23 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
python 经典数字滤波实例
2019/12/16 Python
pytorch1.0中torch.nn.Conv2d用法详解
2020/01/10 Python
Pytorch转tflite方式
2020/05/25 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
香蕉共和国加拿大官网:Banana Republic加拿大
2018/08/06 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
俄罗斯首家面向中国消费者的一站式购物网站:Wruru
2020/05/08 全球购物
七年级数学教学反思
2014/01/22 职场文书
外贸员简历中的自我评价
2014/03/04 职场文书
生态养殖创业计划书
2014/05/06 职场文书
运动会1000米加油稿
2015/07/21 职场文书
90行Python代码开发个人云盘应用
2021/04/20 Python
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技