小白弄明白了 unix 時間戳的轉換問題

来源:https://www.cnblogs.com/pocn/archive/2023/09/05/17679201.html
-Advertisement-
Play Games

小白對於將 unix 時間戳轉換為日期時間和使用日期時間轉換為 unix 時間戳,在項目中見到過很多,每次使用時不是用現有的方法轉換就是網上搜索方法。 小白見過各種轉換方式覺得moment庫很是方便,但是用法較多,所以小白決定整理一下。以後再遇到時間日期轉換可能手寫代碼而省去翻看資料的時間。 vue ...


小白對於將 unix 時間戳轉換為日期時間和使用日期時間轉換為 unix 時間戳,在項目中見到過很多,每次使用時不是用現有的方法轉換就是網上搜索方法。

小白見過各種轉換方式覺得moment庫很是方便,但是用法較多,所以小白決定整理一下。以後再遇到時間日期轉換可能手寫代碼而省去翻看資料的時間。

vue中使用moment.js庫需要通過  npm install moment   來安裝。

在使用時需要通過   import moment from 'momennt'  來引入組件中。

1. 這裡是一些常見的用法:

currentDate: moment().format('YYYY-MM-DD'), // 獲取當前日期
currentTime: moment().format('HH:mm:ss'), // 獲取當前時間
formattedDate: moment('2023-08-25').format('MMMM Do YYYY'), // 格式化日期
diffInDays: moment('2023-08-25').diff(moment(), 'days'), // 計算日期差異
isLeapYear: moment('2023-08-25').isLeapYear() // 檢查是否是閏年

下麵開始演示 日期和 Unix 時間戳 的轉換

1. 使用 moment 將日期轉換為Unix時間戳:

const dateInt = moment('2023-08-25').valueOf(); 1800000000000
//valueOf() 方法將 Moment 對象轉換為 Unix 時間戳 (自UTC時間 1970年 1月 1日零點以來的毫秒數)

2. 使用 moment 將時間轉換為 Unix 時間戳,再轉換回時間

const unixTimestamp = moment('2023-08-25 17:56:00').unix(); // 轉換為 Unix 時間戳
const formattedDate = moment.unix(unixTimestamp).format('YYYY-MM-DD HH:mm:ss'); // 格式化日期時間
console.log(unixTimestamp); // 輸出:1671963360
console.log(formattedDate); // 輸出:2023-08-25 17:56:00

特別註意:unix()和valueOf()的區別,valueOf 獲取日期對象的毫秒級時間戳,unix 獲取日期對象的秒級時間戳。而 Unix 時間戳一般是秒級的。

moment 中還有一個處理時區的插件 tz,它允許我們在具體的時區進行日期和時間的轉換和處理。

1. vue中使用 tz 需要安裝moment庫 和 moment-timezone 插件。可以使用npm 或 yarn 進行安裝 npm install moment moment-timezone

2. 在組件中使用時,需要引入

import moment from 'moment';
import 'moment-timezone';

3. 下麵是一些常見用法

// 獲取當前時間,並將其轉換為指定時區的時間
const now = moment();
const nyTime = moment.tz(now, 'America/New_York');
	    
// 使用指定時區創建一個 Moment 對象
const parisTime = moment.tz('2023-08-31 12:00', 'Europe/Paris');
	    
// 將時間從當前時區轉換為目標時區
const londonTime = moment.tz('2023-08-31 12:00', 'Europe/London').tz('America/New_York');
	    
// 獲取所有可用的時區
const timezones = moment.tz.names();
	    
// 獲取指定時區在當前時間的偏移量(以分鐘為單位)
const offset = moment.tz('America/New_York').utcOffset();

    tz 還可以配合 format 一起使用:

moment.tz('2022-12-31 23:59:59', 'America/New_York').format('YYYY-MM-DD HH:mm:ss z')
//或者
const time = '2022-12-31 23:59:59';
const tz = 'America/New_York';
const fmt = 'YYYY-MM-DD HH:mm:ss z';
const formattedDateTime = moment(time).tz(tz).format(fmt);
//第二種方式為舊版本使用方式

雖然是一個小工具庫,但是項目中使用率還挺高,所以小白覺得值得用心整理。整理的過程也是自己學習的過程,同時也能夠當作筆記,在遺忘時再回來翻看。小白希望通過這次整理能夠完全掌握menent 庫的使用,以便在以後的項目,遇到處理時間日期格式時,不需要查詢資料,能夠閉眼手寫代碼,提高效率節省時間。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、伺服器mysql資料庫本地連接開發3306有安全風險,開發和運營過程中往往需要本地操作資料庫,遠程上去操作資料庫非常的不方便 2、在本地建隧道連接遠程資料庫,關閉伺服器連接,資料庫連接自動中斷,安全又方便 3、下麵是具體的操作流程,需要的小伙伴可以參考使用 圖1:選擇目標主機-》右鍵點擊屬性-》 ...
  • 在vue3中,可以使用vue3的API `defineExpose()`函數結合`ref`或者`$parent`,實現父子組件數據的傳遞。 # 子組件向父組件傳遞數據`defineExpose()`和`ref` - 子組件:通過`defineExpose()` 函數,向外暴露響應式數據或者方法 `` ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 CSS 滾動驅動動畫 scroll() animation-timeline 通過 scroll() 指定可滾動元素與滾動軸來為容器動畫提供一個匿名的 scroll progress timeline. 通過元素在頂部和底部(或左邊和右邊 ...
  • Node.js 使用 `officecrypto-tool` 讀取加密的 Excel (xls, xlsx) 和 Word( docx)文檔, 還支持 xlsx 和 docx 文件的加密(具體使用看文檔)。暫時不支持doc文件的解密 傳送門:[officecrypto-tool](https://w ...
  • 目的:使用Layui的數據表格,拖動行進行排序。 使用插件:layui-soul-table 和 Layui 1.layui-soul-table文檔:https://soultable.yelog.org/#/zh-CN/component/start/install 2.layui文檔:Layu ...
  • 目的: 使用NKeditor富文本編輯器上傳圖片,同時上傳到七牛雲存儲上。後端語言使用ThinkPHP。 效果 實現方法: 1、下載NKeditor插件庫 下載地址:NKeditor: NKedtior是一款優秀的輕量級Web編輯器,基於 Kindedior 二次開發 裡面的文檔demo寫的比較詳細 ...
  • 1.VUE中給Dom元素動態添加樣式 VUE中,給 Dom 元素動態添加樣式。 比如判斷通過頁面傳遞過來的值和env文件中配置的值是否一致,來動態添加元素的類,同時類的樣式在 Style 中已經寫好。 此時動態類名需要在 Dom 元素載入完成前添加上,否則樣式可能添加不上。 這種情況下可以在 com ...
  • # 一、瞭解天地圖 http://lbs.tianditu.gov.cn/api/js4.0/examples.html 在其中可以瞭解天地圖的基本使用教程 但其中的教程均為h5引入cdn的方式 以h5定位為例來改成vue項目 源碼: ```html5 天地圖-地圖API-範例-H5定位 本示例演示 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...