js中各種時(shí)間格式的轉(zhuǎn)換方法舉例
js 各種時(shí)間格式的轉(zhuǎn)換
| 時(shí)間格式 | 示例 |
|---|---|
| 中國(guó)標(biāo)準(zhǔn)時(shí)間 | Fri Mar 18 2022 14:24:45 GMT+0800(中國(guó)標(biāo)準(zhǔn)時(shí)間) |
| 部分可讀字符串 | Fri Mar 18 2022 |
| 格林威治時(shí)間 | Fri,18 Mar 2022 06:24:45 GMT |
| 現(xiàn)在用的時(shí)間標(biāo)準(zhǔn)UTC | Fri Mar 18 2022 06:24:45 GMT |
| IOS標(biāo)準(zhǔn)時(shí)間(JSON時(shí)間格式) | 2022-03-18T06:24:45.061Z |
| 常見(jiàn)時(shí)間格式 | 2022-03-18 14:24:45 |
注意:UTC時(shí)間不等于GMT時(shí)間
GMT:Greenwich Mean Time
格林尼治標(biāo)準(zhǔn)時(shí)間。這是以英國(guó)格林尼治天文臺(tái)觀測(cè)結(jié)果得出的時(shí)間,這是英國(guó)格林尼治當(dāng)?shù)貢r(shí)間,這個(gè)地方的當(dāng)?shù)貢r(shí)間過(guò)去被當(dāng)成世界標(biāo)準(zhǔn)的時(shí)間。UT:Universal Time 世界時(shí)。根據(jù)原子鐘計(jì)算出來(lái)的時(shí)間。
UTC:Coordinated Universal Time
協(xié)調(diào)世界時(shí)。因?yàn)榈厍蜃赞D(zhuǎn)越來(lái)越慢,每年都會(huì)比前一年多出零點(diǎn)幾秒,每隔幾年協(xié)調(diào)世界時(shí)組織都會(huì)給世界時(shí)+1秒,讓基于原子鐘的世界時(shí)和基于天文學(xué)(人類感知)的格林尼治標(biāo)準(zhǔn)時(shí)間相差不至于太大。并將得到的時(shí)間稱為UTC,這是現(xiàn)在使用的世界標(biāo)準(zhǔn)時(shí)間。協(xié)調(diào)世界時(shí)不與任何地區(qū)位置相關(guān),也不代表此刻某地的時(shí)間,所以在說(shuō)明某地時(shí)間時(shí)要加上時(shí)區(qū)
也就是說(shuō)GMT并不等于UTC
獲取時(shí)間
var newDate = new Date();
console.log('newDate',newDate)
//Fri Mar 18 2022 14:24:45 GMT+0800(中國(guó)標(biāo)準(zhǔn)時(shí)間)
1.把 Date 對(duì)象的日期部分轉(zhuǎn)換為可讀字符串:
console.log('toDateString',newDate.toDateString());
// Fri Mar 18 2022
2.根據(jù)格林威治時(shí)間 (GMT) 把 Date 對(duì)象轉(zhuǎn)換為字符串(需注意的是)
console.log('toGMTString',newDate.toGMTString());
// Fri,18 Mar 2022 06:24:45 GMT
不建議使用,因?yàn)榇巳掌跁?huì)在轉(zhuǎn)換為字符串之前由本地時(shí)區(qū)轉(zhuǎn)換為 GMT 時(shí)區(qū)。
例如:傳入具體時(shí)間
var localDate=new Date('July 21, 1983 01:15:00')
console.log(localDate.toGMTString())
// Wed, 20 Jul 1983 17:15:00 GMT
輸出的時(shí)間會(huì)和傳入的時(shí)間有時(shí)差
3.使用 ISO 標(biāo)準(zhǔn)返回 Date 對(duì)象的字符串格式:
console.log('toISOString',newDate.toISOString());
// 2022-03-18T06:24:45.061Z
4.將 Date 對(duì)象轉(zhuǎn)換為字符串,并格式化為 JSON 數(shù)據(jù)格式。
console.log('toJSON',newDate.toJSON());
// 2022-03-18T06:24:45.061Z
5.根據(jù)本地時(shí)間把 Date 對(duì)象的日期部分轉(zhuǎn)換為字符串:
console.log('toLocaleDateString',newDate.toLocaleDateString());
// 2022/3/18
6.根據(jù)本地時(shí)間把 Date 對(duì)象轉(zhuǎn)換為字符串:
console.log('toLocaleString',newDate.toLocaleString());
// 2022/3/18 下午2:24:45
7.根據(jù)本地時(shí)間把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串:
console.log('toLocaleTimeString',newDate.toLocaleTimeString());
// 下午2:24:45
8. Date 對(duì)象轉(zhuǎn)換為字符串。
console.log('toString',newDate.toString());
// Fri Mar 18 2022 14:24:45 GMT+0800(中國(guó)標(biāo)準(zhǔn)時(shí)間)
9.把 Date 對(duì)象的時(shí)間部分轉(zhuǎn)換為字符串:
console.log('toTimeString',newDate.toTimeString());
// 14:24:45 GMT+0800(中國(guó)標(biāo)準(zhǔn)時(shí)間)
10.根據(jù)世界時(shí) (UTC) 把 Date 對(duì)象轉(zhuǎn)換為字符串:
console.log('toUTCString',newDate.toUTCString());
// Fri Mar 18 2022 06:24:45 GMT
日期轉(zhuǎn)時(shí)間戳
var date = new Date(); // 當(dāng)前時(shí)間
console.log('date',date)
三種方法:
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
console.log('time1',time1)
console.log('time2',time2)
console.log('time3',time3)

注意:如果是用JSON格式的時(shí)間去轉(zhuǎn)換時(shí)間戳的話,獲取的時(shí)間有相差
var date =new Date('2022-03-16T16:00:00.000Z'); // 當(dāng)前時(shí)間
console.log('date',date)
var time1 = date.getTime();
var time2 = date.valueOf();
var time3 = Date.parse(date);
console.log('time1',time1)
console.log('time2',time2)
console.log('time3',time3)

時(shí)間戳轉(zhuǎn)日期
function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo是整數(shù),否則要parseInt轉(zhuǎn)換
var time = new Date(shijianchuo); //時(shí)間戳為10位需*1000,時(shí)間戳為13位的話不需乘1000
var y = time.getFullYear();
var m = time.getMonth()+1;
var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return y+'-'+add0(m)+'-'+add0(d)+' '+add0(h)+':'+add0(mm)+':'+add0(s);
}
但是如果是‘2022-03-16T16:00:00.000Z’這種時(shí)間格式的話,上面那種方式獲取的時(shí)間有誤
可以試試這種方法
var time = '2022-03-16T16:00:00.000Z'
time = time.replace(/-/, '年')
time = time.replace(/-/, '月')
time = time.replace(/T/, '日')
let times = time.split('.')
console.log(times[0])
//2022年03月16日16:00:00
如果是vue2的項(xiàng)目的話,你可以封裝一個(gè)過(guò)濾器
// 封裝項(xiàng)目中需要使用到的過(guò)濾器
import moment from 'moment'
// 1.時(shí)間日期過(guò)濾器
// 參數(shù)說(shuō)明:不管是否傳遞了參數(shù),都會(huì)有一個(gè)默認(rèn)參數(shù),就是管道符前面的數(shù)據(jù)
// 意味著用戶參數(shù)從參數(shù)列表的第二個(gè)開(kāi)始
export const dateFormat = (data, spe = '-') => {
return moment(data).format('YYYY-MM-DD HH:mm:ss')
}
引入
import { dateFormat } from '@/utils/myfilters.js'
定義
filters: {
dateFormat
},
使用
<div class="time">{{currentUser.date | dateFormat}}</div>
當(dāng)然啦,還有一種方法,就是用dayjs庫(kù),具體詳情可以自己去官網(wǎng)上看,在這里我就不多敘述啦
附上官網(wǎng)https://dayjs.fenxianglu.cn/
附:如何判斷是否為當(dāng)天時(shí)間
if (new Date(str).toDateString() === new Date().toDateString()) {
//今天
console.log("當(dāng)天");
} else if (new Date(str) < new Date()){
//之前
console.log(new Date(str).toISOString().slice(0,10));
}
總結(jié)
到此這篇關(guān)于js中各種時(shí)間格式的轉(zhuǎn)換方法的文章就介紹到這了,更多相關(guān)js時(shí)間格式轉(zhuǎn)換內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
簡(jiǎn)單了解JavaScript中常見(jiàn)的反模式
這篇文章主要介紹了簡(jiǎn)單了解JavaScript中常見(jiàn)的反模式,反模式 是指對(duì)反復(fù)出現(xiàn)的設(shè)計(jì)問(wèn)題的常見(jiàn)的無(wú)力而低效的設(shè)計(jì)模式,俗話說(shuō)就是重蹈覆轍。 這篇文章描述了 JavaScript 中常見(jiàn)的一些反模式,以及避免它們的辦法。,需要的朋友可以參考下2019-06-06
form.submit()不能提交表單的錯(cuò)誤原因及解決方法
button的id不要設(shè)置為submit,否則可能會(huì)引起混淆,導(dǎo)致表單的submit()方法不能提交表單2014-10-10
js和html5實(shí)現(xiàn)手機(jī)端刮刮卡抽獎(jiǎng)效果完美兼容android/IOS
手機(jī)完美支持html5,所以如果手機(jī)端想要做個(gè)抽獎(jiǎng)模塊的話,用刮刮卡抽獎(jiǎng)效果,相信這個(gè)互動(dòng)體驗(yàn)是非常棒的,本人親自完成,有錯(cuò)誤請(qǐng)大家指出2013-11-11
JavaScript 事件冒泡應(yīng)用實(shí)例分析
在一些傳統(tǒng)的小型WEB應(yīng)用開(kāi)發(fā)過(guò)程中,JavaScript通常只是拿來(lái)做表單驗(yàn)證而以,所以你很少會(huì)遇到因?yàn)镴avaScript事件冒泡而影響功能的實(shí)現(xiàn)情況,又或者事件冒泡對(duì)最終實(shí)現(xiàn)效果影響不大,可忽略。2010-01-01
微信小程序 數(shù)據(jù)封裝,參數(shù)傳值等經(jīng)驗(yàn)分享
這篇文章主要介紹了微信小程序 數(shù)據(jù)封裝,參數(shù)傳值等經(jīng)驗(yàn)分享的相關(guān)資料,需要的朋友可以參考下2017-01-01
如何高效率去掉js數(shù)組中的重復(fù)項(xiàng)
如何高效率去掉js數(shù)組中的重復(fù)項(xiàng)呢?下面小編就為大家?guī)?lái)一篇高效率去掉js數(shù)組中重復(fù)項(xiàng)的實(shí)現(xiàn)方法。希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2016-04-04

