前端 日期 new Date 少0 轉換成 yyyy-MM-dd js vue

?在console控制臺直接輸出new Date(),是這樣:

Fri May 10 2024 23:36:06 GMT+0800 (中國標準時間)

輸出new Date().toLocaleString(),是這樣:

'2024/5/10 23:36:06'

輸出new Date().toISOString(),是這樣:

'2024-05-10T15:36:06.161Z'

輸出new Date().toGMTString(),是這樣:

'Fri, 10 May 2024 15:36:06 GMT'

輸出new Date().toUTCString(),是這樣:

'Fri, 10 May 2024 15:41:52 GMT'

ISO,GMT,UTC,都是0時區,只有Locale是當地時區,即服務器所在時區(我在東八區)。

但是LocaleString拿到的卻是字符串2024/5/10 23:36:06。

所以利用getMonth,getDate,但由于個位是一位數字,所以需要在前面補充0。優雅寫法如下:

//補充:date.getMonth() 0是1月,1是2月,以此類推。
function formatDateTime(date) {const year = date.getFullYear();const month = ('0' + (date.getMonth() + 1)).slice(-2);const day = ('0' + date.getDate()).slice(-2);const hours = ('0' + date.getHours()).slice(-2);const minutes = ('0' + date.getMinutes()).slice(-2);const seconds = ('0' + date.getSeconds()).slice(-2);return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}const date = new Date();
const formatDate = formatDateTime(date);

2、使用第三方庫
也可以使用第三方庫來格式化日期字符串,如 moment.js:

const moment = require('moment');const date = new Date();
const formatDateTime = moment(date).format('YYYY-MM-DD HH:mm:ss');

3、使用 ES6 的模板字符串法,即 ` 這個符號(鍵盤上數字1左邊的符號):

const date = new Date();
const formatDateTime = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)} ${('0' + date.getHours()).slice(-2)}:${('0' + date.getMinutes()).slice(-2)}:${('0' + date.getSeconds()).slice(-2)}`;

這個符號,通常還會見到一種寫法:雖然這樣寫會出現錯誤格式,但這只是更直觀表達這種符號的寫法,任何字符都可以直接寫在 ` 這個符號里。就等同于是字符串

const formateDate = `${date.getFullYear()}-0${date.getMonth() + 1}-0${date.getDate}`

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/12245.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/12245.shtml
英文地址,請注明出處:http://en.pswp.cn/web/12245.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

貓狗分類識別①將文件夾中圖像統一轉化為某一固定格式

一、 導入庫 pip install Image 二、確保庫中存在Image庫,可以在Terminal或控制臺中查看 pip list 三、圖像后綴處理 import os from PIL import Image def convert_to_png(input_folder, output_folder):if not os.path.exists(output_folder):os.makedirs(outp…

Rust中的單元測試

概述 Rust內置了單元測試的支持,這點和Golang一樣,非常的棒,我超級喜歡單元測試!!! 本節課的代碼還是基于之前的求公約數的案例。 之前的完整代碼如下: fn gcd(mut n: u64, mut m: u64) ->…

機器學習筆記 PostgresML教程:使用SQL進行機器學習

機器學習的基本做法是將數據轉移到模型的環境中進行訓練。由于今天的數據庫比機器學習模型大好多個數量級,所以PostgresML的思路是,如果我們將模型引入數據集不是會容易得多嗎? PostgresML 是一個建立在流行的 PostgreSQL 數據庫之上的綜合機器學習平臺。它引入了一種稱為“…

最新極空間部署iCloudpd教程,實現自動同步iCloud照片到NAS硬盤

【iPhone福利】最新極空間部署iCloudpd教程,實現自動同步iCloud照片到NAS硬盤 哈嘍小伙伴們好,我是Stark-C~ 我記得我前年的時候發過一篇群暉使用Docker部署iCloudpd容器來實現自動同步iCloud照片的教程,當時熱度還很高,可見大家…

二分答案(區間范圍)

D. Jumping Through Segments 輸入數據 4 5 1 5 3 4 5 6 8 10 0 1 3 0 2 0 1 0 3 3 3 8 10 18 6 11 4 10 20 0 5 15 17 2 2 輸出范圍 7 0 5 13#include<bits/stdc.h> #define int long long using namespace std; typedef pair<char,int>PII; const int N2e510;…

測試和開發工作必備的17個Python自動化代碼

您是否厭倦了在日常工作中做那些重復性的任務&#xff1f;簡單但多功能的Python腳本可以解決您的問題。 我們將通過上下兩個篇章為您介紹17個能夠自動執行各種任務并提高工作效率Python腳本及其代碼。無論您是開發人員、數據分析師&#xff0c;還是只是希望簡化工作流程的人&…

算法學習筆記(Tarjan)

本文介紹 T a r j a n Tarjan Tarjan求強聯通分量、找割點和割邊、找環。 Tarjan求強聯通分量 例題&#xff1a;【模板】有向圖縮點 題目描述 給定一個 n n n點 m m m邊的有向圖&#xff08;保證不存在重邊與自環&#xff0c;但不保證連通&#xff09;&#xff0c;請你求出…

解決webstorm沒有vue語法提示;webstorm沒有代碼提示

解決webstorm沒有vue語法提示&#xff1b;webstorm沒有代碼提示 使用webstorm 2023.x 開發vue項目。發現死活沒有vue語法提示&#xff0c;即便是npm install、清理緩存。對比其他vue項目卻有語法提示&#xff0c;最后發現依賴庫被忽略了&#xff1a; 刪除掉node_modules 的忽略…

每日一學—K鄰算法:在風險傳導中的創新應用與實踐價值

文章目錄 &#x1f4cb; 前言&#x1f3af; K鄰算法的實踐意義&#x1f3af; 創新應用與案例分析&#x1f525; 參與方式 &#x1f4cb; 前言 在當今工業領域&#xff0c;圖思維方式與圖數據技術的應用日益廣泛&#xff0c;成為圖數據探索、挖掘與應用的堅實基礎。本文旨在分享…

linux的知識點分享

每個rpm都是獨立的&#xff0c;不需要依賴包&#xff0c;可以直接安裝成功 這個說法是不準確的。在Linux系統中&#xff0c;RPM&#xff08;Red Hat Package Manager&#xff09;軟件包管理器確實可以自動解決軟件包之間的依賴關系&#xff0c;并且通常會確保在安裝一個軟件包之…

【C/C++筆試練習】DNS劫持、三次握手、TCP協議、HTTPS、四次揮手、HTTP報文、擁塞窗口、POP3協議、UDP協議、收件人列表、養兔子

文章目錄 C/C筆試練習選擇部分&#xff08;1&#xff09;DNS劫持&#xff08;2&#xff09;三次握手&#xff08;3&#xff09;TCP協議&#xff08;4&#xff09;HTTPS&#xff08;5&#xff09;四次揮手&#xff08;6&#xff09;HTTP報文&#xff08;7&#xff09;擁塞窗口&a…

Windows內存管理 - 使用宏、斷言

DDK提供了大量的宏。在使用這些宏的時候&#xff0c;要注意一種錯誤的發生&#xff0c;這就是“側效”(Side Effect)。 宏一般由多行組成&#xff0c;如下面的形式&#xff0c;其中“\”代表換行。 #define PRINT(msg) KdPrint(("\n")); \KdPrint(msg); \KdPrint…

商務分析方法與工具(八):Python的趣味快捷-年少不知numpy好,再見才覺很簡單

Tips&#xff1a;"分享是快樂的源泉&#x1f4a7;&#xff0c;在我的博客里&#xff0c;不僅有知識的海洋&#x1f30a;&#xff0c;還有滿滿的正能量加持&#x1f4aa;&#xff0c;快來和我一起分享這份快樂吧&#x1f60a;&#xff01; 喜歡我的博客的話&#xff0c;記得…

MySQL數據庫核心面試題

數據庫中的引擎 常用的引擎有InnoDB、MyIsam、Memory三種。 MyIsam&#xff1a;組織形式分為三種&#xff1a; frm文件存儲表結構、MyData文件存儲表中的數據、MyIndex文件存儲表的索引數據。是分開存儲的。 Memory&#xff1a;基于內存的&#xff0c;訪問速度快&#xff0…

C++11特性(二)

文章目錄 右值引用和移動語義左值引用和右值引用左值與左值引用右值與右值引用 右值引用有什么用完美轉發與萬能引用 右值引用和移動語義 左值引用和右值引用 所謂的引用就是給變量起別名&#xff0c;那么左值引用和右值引用的區別其實就在于左值和右值 左值與左值引用 左值…

算法_前綴和

DP34 【模板】前綴和 import java.util.Scanner;// 注意類名必須為 Main, 不要有任何 package xxx 信息 public class Main {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的區別int n in.nextInt(),q in.ne…

JavaFX布局-HBox

JavaFX布局-HBox 常用屬性alignmentspacingchildrenmarginpaddinghgrow 實現方式Java實現Xml實現 綜合案例 HBox按照水平方向排列其子節點改變窗口大小,不會該部整體布局窗口太小會遮住內部元素&#xff0c;不會產生滾動條 常用屬性 alignment 對齊方式 new HBox().setAlign…

Angular前端項目在Apache httpd服務器上的部署

Apache Httpd和Tomcat主要區別&#xff1a;Tomcat是一個Java Servlet容器&#xff0c;用于運行Java Servlet和JavaServer Pages&#xff08;JSP&#xff09;&#xff0c;而Apache HTTP服務器是一個通用的Web服務器&#xff0c;用于提供靜態和動態內容。 Apache httpd安裝&#…

RT Thread + CLion環境搭建

RT Thread CLion環境搭建 0.前言一、準備工具1. Env RT Thread v5.12.CLion安裝3.編譯及下載工具 二、新建Env工程三、CLion配置四、運行測試 0.前言 事情的起因是最近在使用RT Thread Studio時&#xff0c;發現默認的 rtt 內核版本及交叉編譯鏈版本都過于陳舊&#xff0c;于…

SpringBoot 表單提交參數綁定 List 下標越界,超過 256,報數組越界異常

文章目錄 》原因》解決方案 》原因 Spring Validation 的 org.springframework.validation.DataBinder 類中默認限制&#xff0c;表單提交 List 元素數量超過 256 時就會拋出異常 public class DataBinder implements PropertyEditorRegistry, TypeConverter {/** Default li…