js用Date對(duì)象處理時(shí)間實(shí)現(xiàn)思路及代碼
更新時(shí)間：2013年01月31日 17:42:02 作者：
本文主要是為了解決從XML文件中讀取數(shù)據(jù)，然后將里面的數(shù)據(jù)返回到頁面中用一個(gè)第三方插件進(jìn)行繪圖，并且提供了詳細(xì)的解決方法，感興趣的朋友可以了解下或許對(duì)你有所幫助
先說說這次的應(yīng)用場(chǎng)景：
從XML文件中讀取數(shù)據(jù)，然后將里面的數(shù)據(jù)返回到頁面中用一個(gè)第三方插件進(jìn)行繪圖。
在XML里讀取出來的數(shù)據(jù)當(dāng)然是字符串類型，而如果希望使用繪圖插件X軸的time mode（這樣才能更合理的定制如x軸范圍、x軸數(shù)據(jù)format等）。則必須將數(shù)據(jù)轉(zhuǎn)化為標(biāo)準(zhǔn)的時(shí)間對(duì)象。這個(gè)時(shí)候js里內(nèi)置的Date類型就派上了用場(chǎng)：
var date = new Date();
//id為time的input域包含了xml里提取的時(shí)間信息
date.setHours($("#time" ).val().substring(0, 2)+8);
date.setMinutes($("#time" ).val().substring(2, 4));
date.setSeconds($("#time" ).val().substring(4, 6));
XML里的時(shí)間類型是小時(shí)分鐘秒的格式（如083100），將里面的數(shù)據(jù)取出來之后就可以用諸如setHours、setMinutes、setSeconds等設(shè)置時(shí)間的函數(shù)來實(shí)例化Date對(duì)象。
從XML文件中讀取數(shù)據(jù)，然后將里面的數(shù)據(jù)返回到頁面中用一個(gè)第三方插件進(jìn)行繪圖。
在XML里讀取出來的數(shù)據(jù)當(dāng)然是字符串類型，而如果希望使用繪圖插件X軸的time mode（這樣才能更合理的定制如x軸范圍、x軸數(shù)據(jù)format等）。則必須將數(shù)據(jù)轉(zhuǎn)化為標(biāo)準(zhǔn)的時(shí)間對(duì)象。這個(gè)時(shí)候js里內(nèi)置的Date類型就派上了用場(chǎng)：
復(fù)制代碼 代碼如下:
var date = new Date();
//id為time的input域包含了xml里提取的時(shí)間信息
date.setHours($("#time" ).val().substring(0, 2)+8);
date.setMinutes($("#time" ).val().substring(2, 4));
date.setSeconds($("#time" ).val().substring(4, 6));
XML里的時(shí)間類型是小時(shí)分鐘秒的格式（如083100），將里面的數(shù)據(jù)取出來之后就可以用諸如setHours、setMinutes、setSeconds等設(shè)置時(shí)間的函數(shù)來實(shí)例化Date對(duì)象。
您可能感興趣的文章:
- js用Date對(duì)象的setDate()函數(shù)對(duì)日期進(jìn)行加減操作
- JavaScript Date對(duì)象使用總結(jié)
- JavaScript 中Date對(duì)象的格式化代碼方法匯總
- JavaScript Date對(duì)象 日期獲取函數(shù)
- JS date對(duì)象的減法處理實(shí)現(xiàn)代碼
- JS使用Date對(duì)象實(shí)時(shí)顯示當(dāng)前系統(tǒng)時(shí)間簡(jiǎn)單示例
- Javascript之Date對(duì)象詳解
- javascript中Date對(duì)象的getDay方法使用指南
- 原生JS:Date對(duì)象全面解析
- 詳解JavaScript的Date對(duì)象（制作簡(jiǎn)易鐘表）
- JavaScript Date對(duì)象功能與用法學(xué)習(xí)記錄
相關(guān)文章
uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
如何獲取JQUERY AJAX返回的JSON結(jié)果集實(shí)現(xiàn)代碼
我寫了個(gè)方法,用于查詢結(jié)果,但debug過程中發(fā)現(xiàn)結(jié)果集有數(shù)據(jù)，我如何通過變量獲取呢2012-12-12
好久沒看Three.js源碼了。今天天氣不錯(cuò)，接著看;這次從光照部分看起：光照模型，從光線本身角度來看包括環(huán)境光、平行光、點(diǎn)光源，從物體表面材質(zhì)角度看又包括漫反射和鏡面反射,需要了解的朋友可以參考下2012-12-12
javascript的數(shù)據(jù)類型、字面量、變量介紹
javascript的數(shù)據(jù)類型、字面量、變量介紹，學(xué)習(xí)js的朋友可以參考下2012-05-05
深入分析JavaScript 事件循環(huán)(Event Loop)
這篇文章主要介紹了JavaScript 事件循環(huán)(Event Loop)的的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
好多朋友剛開始接觸網(wǎng)絡(luò)，不懂后綴為js的文件，是什么文件，其實(shí)這個(gè)擴(kuò)展名為.js的文件就是javascript文件2007-12-12
Javascript SHA-1：Secure Hash Algorithm
Javascript SHA-1：Secure Hash Algorithm...2006-12-12
你所要知道JS（DHTML）中的一些技巧...2007-01-01
緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫
requestAnimationFrame是什么?一直是我們大家所疑惑的，緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫,接下來將為大家詳細(xì)介紹2012-12-12
javascript中判斷一個(gè)值是否在數(shù)組中并沒有直接使用
在JS中要判斷一個(gè)值是否在數(shù)組中并沒有函數(shù)直接使用，如PHP中就有in_array()這個(gè)函數(shù),可以寫一個(gè)類似in_array()函數(shù)功能的方法2012-12-12