js用Date對象處理時間實現(xiàn)思路及代碼
更新時間:2013年01月31日 17:42:02 作者:
本文主要是為了解決從XML文件中讀取數(shù)據(jù),然后將里面的數(shù)據(jù)返回到頁面中用一個第三方插件進行繪圖,并且提供了詳細的解決方法,感興趣的朋友可以了解下或許對你有所幫助
先說說這次的應(yīng)用場景:
從XML文件中讀取數(shù)據(jù),然后將里面的數(shù)據(jù)返回到頁面中用一個第三方插件進行繪圖。
在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類型就派上了用場:
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對象。
從XML文件中讀取數(shù)據(jù),然后將里面的數(shù)據(jù)返回到頁面中用一個第三方插件進行繪圖。
在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對象。
您可能感興趣的文章:
- js用Date對象的setDate()函數(shù)對日期進行加減操作
- JavaScript Date對象使用總結(jié)
- JavaScript 中Date對象的格式化代碼方法匯總
- JavaScript Date對象 日期獲取函數(shù)
- JS date對象的減法處理實現(xiàn)代碼
- JS使用Date對象實時顯示當(dāng)前系統(tǒng)時間簡單示例
- Javascript之Date對象詳解
- javascript中Date對象的getDay方法使用指南
- 原生JS:Date對象全面解析
- 詳解JavaScript的Date對象(制作簡易鐘表)
- JavaScript Date對象功能與用法學(xué)習(xí)記錄
相關(guān)文章
uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-08-08如何獲取JQUERY AJAX返回的JSON結(jié)果集實現(xiàn)代碼
我寫了個方法,用于查詢結(jié)果,但debug過程中發(fā)現(xiàn)結(jié)果集有數(shù)據(jù),我如何通過變量獲取呢2012-12-12javascript的數(shù)據(jù)類型、字面量、變量介紹
javascript的數(shù)據(jù)類型、字面量、變量介紹,學(xué)習(xí)js的朋友可以參考下2012-05-05深入分析JavaScript 事件循環(huán)(Event Loop)
這篇文章主要介紹了JavaScript 事件循環(huán)(Event Loop)的的相關(guān)資料,文中講解非常細致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-06-06Javascript SHA-1:Secure Hash Algorithm
Javascript SHA-1:Secure Hash Algorithm...2006-12-12緩動函數(shù)requestAnimationFrame 更好的實現(xiàn)瀏覽器經(jīng)動畫
requestAnimationFrame是什么?一直是我們大家所疑惑的,緩動函數(shù)requestAnimationFrame 更好的實現(xiàn)瀏覽器經(jīng)動畫,接下來將為大家詳細介紹2012-12-12javascript中判斷一個值是否在數(shù)組中并沒有直接使用
在JS中要判斷一個值是否在數(shù)組中并沒有函數(shù)直接使用,如PHP中就有in_array()這個函數(shù),可以寫一個類似in_array()函數(shù)功能的方法2012-12-12