js用Date對象處理時間實現(xiàn)思路及代碼

更新時間：2013年01月31日 17:42:02 作者：

本文主要是為了解決從XML文件中讀取數(shù)據(jù)，然后將里面的數(shù)據(jù)返回到頁面中用一個第三方插件進(jìn)行繪圖，并且提供了詳細(xì)的解決方法，感興趣的朋友可以了解下或許對你有所幫助

先說說這次的應(yīng)用場景：
從XML文件中讀取數(shù)據(jù)，然后將里面的數(shù)據(jù)返回到頁面中用一個第三方插件進(jìn)行繪圖。

在XML里讀取出來的數(shù)據(jù)當(dāng)然是字符串類型，而如果希望使用繪圖插件X軸的time mode（這樣才能更合理的定制如x軸范圍、x軸數(shù)據(jù)format等）。則必須將數(shù)據(jù)轉(zhuǎn)化為標(biāo)準(zhǔn)的時間對象。這個時候js里內(nèi)置的Date類型就派上了用場：

復(fù)制代碼代碼如下:

 
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），將里面的數(shù)據(jù)取出來之后就可以用諸如setHours、setMinutes、setSeconds等設(shè)置時間的函數(shù)來實例化Date對象。

您可能感興趣的文章:

相關(guān)文章

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