欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中各種時間格式的轉換方法舉例

 更新時間:2023年04月28日 14:23:18   作者:小鄧不愛吃芹菜  
近幾天在做百度地圖時,需要轉換時間格式并做顯示,下面這篇文章主要給大家介紹了關于js中各種時間格式的轉換方法的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下

js 各種時間格式的轉換

時間格式示例
中國標準時間Fri Mar 18 2022 14:24:45 GMT+0800(中國標準時間)
部分可讀字符串Fri Mar 18 2022
格林威治時間Fri,18 Mar 2022 06:24:45 GMT
現(xiàn)在用的時間標準UTCFri Mar 18 2022 06:24:45 GMT
IOS標準時間(JSON時間格式)2022-03-18T06:24:45.061Z
常見時間格式2022-03-18 14:24:45

注意:UTC時間不等于GMT時間

GMT:Greenwich Mean Time
格林尼治標準時間。這是以英國格林尼治天文臺觀測結果得出的時間,這是英國格林尼治當地時間,這個地方的當地時間過去被當成世界標準的時間。

UT:Universal Time 世界時。根據原子鐘計算出來的時間。

UTC:Coordinated Universal Time
協(xié)調世界時。因為地球自轉越來越慢,每年都會比前一年多出零點幾秒,每隔幾年協(xié)調世界時組織都會給世界時+1秒,讓基于原子鐘的世界時和基于天文學(人類感知)的格林尼治標準時間相差不至于太大。并將得到的時間稱為UTC,這是現(xiàn)在使用的世界標準時間。

協(xié)調世界時不與任何地區(qū)位置相關,也不代表此刻某地的時間,所以在說明某地時間時要加上時區(qū)

也就是說GMT并不等于UTC

獲取時間

	        var newDate = new Date();
			
			console.log('newDate',newDate)
			
			//Fri Mar 18 2022 14:24:45 GMT+0800(中國標準時間)
			
			1.把 Date 對象的日期部分轉換為可讀字符串:
			
			console.log('toDateString',newDate.toDateString());
			
			// Fri Mar 18 2022
			
			2.根據格林威治時間 (GMT) 把 Date 對象轉換為字符串(需注意的是)
			
			console.log('toGMTString',newDate.toGMTString());
			
			// Fri,18 Mar 2022 06:24:45 GMT
			
			不建議使用,因為此日期會在轉換為字符串之前由本地時區(qū)轉換為 GMT 時區(qū)。
			
			例如:傳入具體時間
			
			var localDate=new Date('July 21, 1983 01:15:00')
			
			console.log(localDate.toGMTString())
			
			// Wed, 20 Jul 1983 17:15:00 GMT
			
			輸出的時間會和傳入的時間有時差
			
			3.使用 ISO 標準返回 Date 對象的字符串格式:
			
			console.log('toISOString',newDate.toISOString());
			
			// 2022-03-18T06:24:45.061Z
			
			
			4.將 Date 對象轉換為字符串,并格式化為 JSON 數據格式。
			
			console.log('toJSON',newDate.toJSON());
			
			// 2022-03-18T06:24:45.061Z
			
			5.根據本地時間把 Date 對象的日期部分轉換為字符串:
			
			console.log('toLocaleDateString',newDate.toLocaleDateString());
			
			// 2022/3/18
			
			6.根據本地時間把 Date 對象轉換為字符串:
			
			console.log('toLocaleString',newDate.toLocaleString());
			
			// 2022/3/18 下午2:24:45
			
			7.根據本地時間把 Date 對象的時間部分轉換為字符串:
			
			console.log('toLocaleTimeString',newDate.toLocaleTimeString());
			
			// 下午2:24:45
			
			8. Date 對象轉換為字符串。
			
			console.log('toString',newDate.toString());
			
			// Fri Mar 18 2022 14:24:45 GMT+0800(中國標準時間)
			
			9.把 Date 對象的時間部分轉換為字符串:
			
			console.log('toTimeString',newDate.toTimeString());
			
			// 14:24:45 GMT+0800(中國標準時間)
			
			10.根據世界時 (UTC) 把 Date 對象轉換為字符串:
			
			console.log('toUTCString',newDate.toUTCString());
			
			//  Fri Mar 18 2022 06:24:45 GMT

日期轉時間戳

var date = new Date(); // 當前時間
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格式的時間去轉換時間戳的話,獲取的時間有相差

        var date =new Date('2022-03-16T16:00:00.000Z'); // 當前時間
		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)

時間戳轉日期

function add0(m){return m<10?'0'+m:m }
function format(shijianchuo)
{
//shijianchuo是整數,否則要parseInt轉換
var time = new Date(shijianchuo); //時間戳為10位需*1000,時間戳為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’這種時間格式的話,上面那種方式獲取的時間有誤

可以試試這種方法

  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的項目的話,你可以封裝一個過濾器

// 封裝項目中需要使用到的過濾器
import moment from 'moment'
// 1.時間日期過濾器
// 參數說明:不管是否傳遞了參數,都會有一個默認參數,就是管道符前面的數據
// 意味著用戶參數從參數列表的第二個開始
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>

當然啦,還有一種方法,就是用dayjs庫,具體詳情可以自己去官網上看,在這里我就不多敘述啦

附上官網https://dayjs.fenxianglu.cn/

附:如何判斷是否為當天時間

if (new Date(str).toDateString() === new Date().toDateString()) {
    //今天
    console.log("當天");
} else if (new Date(str) < new Date()){
    //之前
    console.log(new Date(str).toISOString().slice(0,10));
}

總結

到此這篇關于js中各種時間格式的轉換方法的文章就介紹到這了,更多相關js時間格式轉換內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 詳解JS ES6變量的解構賦值

    詳解JS ES6變量的解構賦值

    這篇文章主要介紹了JS ES6變量的解構賦值,對ES6感興趣的同學,可以參考下
    2021-05-05
  • 簡單了解JavaScript中常見的反模式

    簡單了解JavaScript中常見的反模式

    這篇文章主要介紹了簡單了解JavaScript中常見的反模式,反模式 是指對反復出現(xiàn)的設計問題的常見的無力而低效的設計模式,俗話說就是重蹈覆轍。 這篇文章描述了 JavaScript 中常見的一些反模式,以及避免它們的辦法。,需要的朋友可以參考下
    2019-06-06
  • 使用TypeScript類型注解的方法詳解

    使用TypeScript類型注解的方法詳解

    這篇文章主要為大家詳細介紹了TypeScript的類型注解,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助
    2022-03-03
  • form.submit()不能提交表單的錯誤原因及解決方法

    form.submit()不能提交表單的錯誤原因及解決方法

    button的id不要設置為submit,否則可能會引起混淆,導致表單的submit()方法不能提交表單
    2014-10-10
  • js和html5實現(xiàn)手機端刮刮卡抽獎效果完美兼容android/IOS

    js和html5實現(xiàn)手機端刮刮卡抽獎效果完美兼容android/IOS

    手機完美支持html5,所以如果手機端想要做個抽獎模塊的話,用刮刮卡抽獎效果,相信這個互動體驗是非常棒的,本人親自完成,有錯誤請大家指出
    2013-11-11
  • JavaScript 事件冒泡應用實例分析

    JavaScript 事件冒泡應用實例分析

    在一些傳統(tǒng)的小型WEB應用開發(fā)過程中,JavaScript通常只是拿來做表單驗證而以,所以你很少會遇到因為JavaScript事件冒泡而影響功能的實現(xiàn)情況,又或者事件冒泡對最終實現(xiàn)效果影響不大,可忽略。
    2010-01-01
  • 微信小程序 數據封裝,參數傳值等經驗分享

    微信小程序 數據封裝,參數傳值等經驗分享

    這篇文章主要介紹了微信小程序 數據封裝,參數傳值等經驗分享的相關資料,需要的朋友可以參考下
    2017-01-01
  • js實現(xiàn)圖片左右滾動效果

    js實現(xiàn)圖片左右滾動效果

    本文主要介紹了js實現(xiàn)圖片左右滾動效果的實例,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • 15款最好的Bootstrap在線編輯器

    15款最好的Bootstrap在線編輯器

    這篇文章主要為大家詳細介紹了15款最好的Bootstrap在線編輯器,15款在線編輯工具希望幫助大家更好的進行開發(fā),感興趣的小伙伴們可以參考一下
    2016-08-08
  • 如何高效率去掉js數組中的重復項

    如何高效率去掉js數組中的重復項

    如何高效率去掉js數組中的重復項呢?下面小編就為大家?guī)硪黄咝嗜サ鬸s數組中重復項的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧
    2016-04-04

最新評論