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)文章
JavaScript中利用各種循環(huán)進(jìn)行遍歷的方式總結(jié)
這篇文章主要介紹了JavaScript中利用各種循環(huán)進(jìn)行遍歷的方式總結(jié),是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11
基于KMP算法JavaScript的實(shí)現(xiàn)方法分析
本篇文章介紹了,基于KMP算法JavaScript的實(shí)現(xiàn)方法分析。需要的朋友參考下2013-05-05
JavaScript預(yù)解析之變量預(yù)解析和函數(shù)預(yù)解析
這篇文章主要介紹了JavaScript預(yù)解析之變量預(yù)解析和函數(shù)預(yù)解析的相關(guān)資料,需要的朋友可以參考下2022-07-07
JavaScript中setFullYear()方法的使用詳解
這篇文章主要介紹了JavaScript中setFullYear()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
javascript中的對(duì)象和數(shù)組的應(yīng)用技巧
javascript中的對(duì)象和數(shù)組的應(yīng)用技巧...2007-01-01
javascript窗口寬高,鼠標(biāo)位置,滾動(dòng)高度(詳細(xì)解析)
javascript窗口寬高,鼠標(biāo)位置,滾動(dòng)高度(詳細(xì)解析)。需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11
Ajax解決跨域之設(shè)置CORS響應(yīng)頭實(shí)現(xiàn)跨域案例詳解
這篇文章主要介紹了Ajax解決跨域之設(shè)置CORS響應(yīng)頭實(shí)現(xiàn)跨域案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
JavaScript 對(duì)話框和狀態(tài)欄使用說明
平時(shí)工作中,無論是調(diào)試 javascript 代碼還是進(jìn)行頁面提示,我們都會(huì)經(jīng)常使用 javascript 的對(duì)話框。除了創(chuàng)建明確不使用狀態(tài)欄的瀏覽器窗口,每個(gè)瀏覽器窗口的底部都有一個(gè)狀態(tài)欄,用來向用戶顯示一些特定的消息。2009-10-10

