如何格式化 JavaScript 中的日期？

Question

如何將Date object 格式化為字符串？

Answer 1

如果您需要對格式的控制比當前接受的答案略少，則可以使用Date#toLocaleDateString來創建標准的特定於語言環境的渲染。 locale和options參數讓應用程序指定應該使用其格式約定的語言，並允許對呈現進行一些自定義。

###Options 關鍵示例：

1. 天：
   當天的代表。
   可能的值為“數字”、“2 位”。
2. 工作日：
   工作日的表示。
   可能的值是“窄”、“短”、“長”。
3. 年：
   年度的代表。
   可能的值為“數字”、“2 位”。
4. 月：
   月份的表示。
   可能的值是“numeric”、“2-digit”、“narrow”、“short”、“long”。
5. 小時：
   小時的表示。
   可能的值為“數字”、“2 位”。
6. 分鍾：分鍾的表示。
   可能的值為“數字”、“2 位”。
7. 第二：
   第二個的代表。
   可能的值為“數字”、2 位數字。

所有這些鍵都是可選的。 您可以根據您的要求更改選項值的數量，這也將反映每個日期時間項的存在。

注意：如果您只想配置內容選項，但仍使用當前語言環境，則為第一個參數傳遞null將導致錯誤。 改用undefined 。

###對於不同的語言：

1. “en-US”：用於美式英語
2. "en-GB":英式英語
3. “hi-IN”：印地語
4. “ja-JP”：日語

您可以使用更多語言選項。

＃＃＃例如

 var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; var today = new Date(); console.log(today.toLocaleDateString("en-US")); // 9/17/2016 console.log(today.toLocaleDateString("en-US", options)); // Saturday, September 17, 2016 console.log(today.toLocaleDateString("hi-IN", options)); // शनिवार, 17 सितंबर 2016

您也可以將toLocaleString()方法用於相同目的。 唯一的區別是這個函數提供了你不傳遞任何選項的時間。

// Example
9/17/2016, 1:21:34 PM

＃＃＃參考：

• toLocaleString()

• toLocaleDateString()

Answer 2

對於自定義分隔的日期格式，您必須從DateTimeFormat對象（它是ECMAScript 國際化 API的一部分）中提取日期（或時間）組件，然后手動創建帶有所需分隔符的字符串。

為此，您可以使用DateTimeFormat#formatToParts 。 您可以解構數組，但這並不理想，因為數組輸出取決於語言環境：

 { // example 1 let f = new Intl.DateTimeFormat('en'); let a = f.formatToParts(); console.log(a); } { // example 2 let f = new Intl.DateTimeFormat('hi'); let a = f.formatToParts(); console.log(a); }

最好將格式數組映射到結果字符串：

 function join(t, a, s) { function format(m) { let f = new Intl.DateTimeFormat('en', m); return f.format(t); } return a.map(format).join(s); } let a = [{day: 'numeric'}, {month: 'short'}, {year: 'numeric'}]; let s = join(new Date, a, '-'); console.log(s);

您還可以使用DateTimeFormat#format逐一提取DateTimeFormat的各個部分，但請注意，當使用此方法時，截至 2020 年 3 月，ECMAScript 實現中存在一個錯誤，即分鍾和前導零秒（這個錯誤被上面的方法規避）。

 let d = new Date(2010, 7, 5); let ye = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(d); let mo = new Intl.DateTimeFormat('en', { month: 'short' }).format(d); let da = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(d); console.log(`${da}-${mo}-${ye}`);

在處理日期和時間時，通常值得使用庫（例如moment.js 、 luxon ），因為該領域隱藏着許多復雜性。

請注意， IE10不支持上述解決方案中使用的 ECMAScript 國際化 API（2020 年 2 月全球瀏覽器市場份額為0.03% ）。

Answer 3

如果您需要使用純 JavaScript 快速格式化您的日期，請使用getDate 、 getMonth + 1 、 getFullYear 、 getHours和getMinutes ：

var d = new Date();

var datestring = d.getDate()  + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " +
d.getHours() + ":" + d.getMinutes();

// 16-5-2015 9:50

或者，如果您需要用零填充它：

var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" +
    d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);

// 16-05-2015 09:50

Answer 4

使用date.format 庫：

var dateFormat = require('dateformat');
var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

返回：

Saturday, June 9th, 2007, 5:46:21 PM 

npm 上的日期格式

http://jsfiddle.net/phZr7/1/

Answer 5

好吧，我想要的是將今天的日期轉換為MySQL友好的日期字符串，例如2012-06-23 ，並在我的一個查詢中使用該字符串作為參數。 我發現的簡單解決方案是這樣的：

var today = new Date().toISOString().slice(0, 10);

請記住，上述解決方案並未考慮您的時區偏移。

您可以考慮改用這個函數：

function toJSONLocal (date) {
    var local = new Date(date);
    local.setMinutes(date.getMinutes() - date.getTimezoneOffset());
    return local.toJSON().slice(0, 10);
}

如果您在一天的開始/結束時執行此代碼，這將為您提供正確的日期。

 var date = new Date(); function toLocal(date) { var local = new Date(date); local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); return local.toJSON(); } function toJSONLocal(date) { var local = new Date(date); local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); return local.toJSON().slice(0, 10); } // check out your devtools console console.log(date.toJSON()); console.log(date.toISOString()); console.log(toLocal(date)); console.log(toJSONLocal(date));

• Date.toISOString
• 日期.toJSON
• 字符串切片
• 外部示例

Answer 6

自定義格式化功能：

對於固定格式，一個簡單的功能就可以完成。 以下示例生成國際格式 YYYY-MM-DD：

 function dateToYMD(date) { var d = date.getDate(); var m = date.getMonth() + 1; //Month from 0 to 11 var y = date.getFullYear(); return '' + y + '-' + (m<=9 ? '0' + m : m) + '-' + (d <= 9 ? '0' + d : d); } console.log(dateToYMD(new Date(2017,10,5))); // Nov 5

OP 格式可以生成如下：

 function dateToYMD(date) { var strArray=['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; var d = date.getDate(); var m = strArray[date.getMonth()]; var y = date.getFullYear(); return '' + (d <= 9 ? '0' + d : d) + '-' + m + '-' + y; } console.log(dateToYMD(new Date(2017,10,5))); // Nov 5

注意：然而，擴展 JavaScript 標准庫通常不是一個好主意（例如，通過將此函數添加到 Date 的原型中）。

更高級的功能可以基於格式參數生成可配置的輸出。

如果編寫格式化函數太長，有很多庫可以完成它。 其他一些答案已經列舉了它們。 但增加的依賴性也有它的對應部分。

標准 ECMAScript 格式化函數：

由於 ECMAScript 的更新版本， Date類具有一些特定的格式化功能：

toDateString ：依賴於實現，僅顯示日期。

https://262.ecma-international.org/#sec-date.prototype.todatestring

 new Date().toDateString(); // eg "Fri Nov 11 2016"

---

toISOString ：顯示 ISO 8601 日期和時間。

https://262.ecma-international.org/#sec-date.prototype.toisostring

 new Date().toISOString(); // eg "2016-11-21T08:00:00.000Z"

---

toJSON ：JSON 的字符串化符。

https://262.ecma-international.org/#sec-date.prototype.tojson

 new Date().toJSON(); // eg "2016-11-21T08:00:00.000Z"

---

toLocaleDateString ：依賴於實現，區域設置格式的日期。

https://262.ecma-international.org/#sec-date.prototype.tolocaledatestring

 new Date().toLocaleDateString(); // eg "21/11/2016"

---

toLocaleString ：依賴於實現，以語言環境格式表示的日期和時間。

https://262.ecma-international.org/#sec-date.prototype.tolocalestring

 new Date().toLocaleString(); // eg "21/11/2016, 08:00:00 AM"

---

toLocaleTimeString ：依賴於實現，以語言環境格式表示的時間。

https://262.ecma-international.org/#sec-date.prototype.tolocaletimestring

 new Date().toLocaleTimeString(); // eg "08:00:00 AM"

---

toString ：日期的通用 toString。

https://262.ecma-international.org/#sec-date.prototype.tostring

 new Date().toString(); // eg "Fri Nov 21 2016 08:00:00 GMT+0100 (W. Europe Standard Time)"

注意：可以從這些格式中生成自定義輸出 >

 new Date().toISOString().slice(0,10); //return YYYY-MM-DD

示例片段：

 console.log("1) "+ new Date().toDateString()); console.log("2) "+ new Date().toISOString()); console.log("3) "+ new Date().toJSON()); console.log("4) "+ new Date().toLocaleDateString()); console.log("5) "+ new Date().toLocaleString()); console.log("6) "+ new Date().toLocaleTimeString()); console.log("7) "+ new Date().toString()); console.log("8) "+ new Date().toISOString().slice(0,10));

指定標准函數的語言環境：

上面列出的一些標准函數取決於語言環境：

• toLocaleDateString()
• toLocaleTimeString()
• toLocalString()

這是因為不同的文化使用不同的格式，並以不同的方式表達他們的日期或時間。 默認情況下，該函數將返回在其運行的設備上配置的格式，但這可以通過設置參數 (ECMA-402) 來指定。

toLocaleDateString([locales[, options]])
toLocaleTimeString([locales[, options]])
toLocaleString([locales[, options]])
//e.g. toLocaleDateString('ko-KR');

option第二個參數，允許在所選語言環境中配置更具體的格式。 例如，月份可以顯示為全文或縮寫。

toLocaleString('en-GB', { month: 'short' })
toLocaleString('en-GB', { month: 'long' })

示例片段：

 console.log("1) "+ new Date().toLocaleString('en-US')); console.log("2) "+ new Date().toLocaleString('ko-KR')); console.log("3) "+ new Date().toLocaleString('de-CH')); console.log("4) "+ new Date().toLocaleString('en-GB', { hour12: false })); console.log("5) "+ new Date().toLocaleString('en-GB', { hour12: true }));

關於語言環境的一些良好做法：

• 大多數人不喜歡他們的日期以外國人格式出現，因此，盡可能保留默認語言環境（在任何地方設置“en-US”）。
• 實現從/到 UTC 的轉換可能具有挑戰性（考慮 DST、時區不是 1 小時的倍數等）。 盡可能使用經過良好測試的庫。
• 不要假設區域設置與一個國家/地區相關：幾個國家/地區有很多（加拿大、印度等）
• 避免通過非標准方式檢測語言環境。 在這里您可以了解多個陷阱：檢測鍵盤布局、通過地理位置檢測語言環境等。

Answer 7

如果你已經在你的項目中使用 jQuery UI ，你可以這樣做：

var formatted = $.datepicker.formatDate("M d, yy", new Date("2014-07-08T09:02:21.377"));

// formatted will be 'Jul 8, 2014'

此處提供了一些可供使用的日期選擇器日期格式選項。

Answer 8

我認為您可以只使用非標准Date 方法toLocaleFormat(formatString)

formatString：與 C 中的strftime()函數所期望的格式相同的格式字符串。

var today = new Date();
today.toLocaleFormat('%d-%b-%Y'); // 30-Dec-2011

參考：

• 本地化格式
• 時間

編輯添加： toLocaleFormat現在已被棄用，如上面的鏈接所示。

Answer 9

純 JavaScript 是小型一次性用戶的最佳選擇。

另一方面，如果你需要更多的約會資料， MomentJS是一個很好的解決方案。

例如：

moment().format('YYYY-MM-DD HH:m:s');     // now() -> 2015-03-24 14:32:20
moment("20111031", "YYYYMMDD").fromNow(); // 3 years ago
moment("20120620", "YYYYMMDD").fromNow(); // 3 years ago
moment().startOf('day').fromNow();        // 11 hours ago
moment().endOf('day').fromNow();          // in 13 hours

Answer 10

在現代瀏覽器(*)中，您可以這樣做：

var today = new Date().toLocaleDateString('en-GB', {
    day : 'numeric',
    month : 'short',
    year : 'numeric'
}).split(' ').join('-');

今天執行的輸出（2016 年 1 月 24 日）：

'24-Jan-2016'

---

(*) 根據 MDN ，“現代瀏覽器”是指 Chrome 24+、Firefox 29+、Internet Explorer 11、Edge 12+、Opera 15+ 和 Safari nightly build 。

Answer 11

一行中的請求格式 - 沒有庫也沒有 Date 方法，只有正則表達式：

var d = (new Date()).toString().replace(/\S+\s(\S+)\s(\d+)\s(\d+)\s.*/,'$2-$1-$3');
// date will be formatted as "14-Oct-2015" (pass any date object in place of 'new Date()')

在我的測試中，這在主要瀏覽器（Chrome、Safari、Firefox 和 IE）中可靠地工作。正如@RobG 指出的那樣， Date.prototype.toString() 的輸出依賴於實現，因此對於國際或非瀏覽器實現，只需測試輸出以確保它在您的 JavaScript 引擎中正常工作。 您甚至可以添加一些代碼來測試字符串輸出，並在進行正則表達式替換之前確保它與您期望的匹配。

Answer 12

在JavaScript中，如何格式化日期對象以將其打印為10-Aug-2010 ？

Answer 13

@Sébastien——替代所有瀏覽器支持

new Date(parseInt(496407600)*1000).toLocaleDateString('de-DE', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
}).replace(/\./g, '/');

文檔： https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

---

基於 Date.toLocaleDateString 的高階標記模板文字示例：

const date = new Date(Date.UTC(2020, 4, 2, 3, 23, 16, 738));
const fmt = (dt, lc = "en-US") => (str, ...expr) =>
    str.map((str, i) => str + (expr[i]?dt.toLocaleDateString(lc, expr[i]) :'')).join('')

console.log(fmt(date)`${{year: 'numeric'}}-${{month: '2-digit'}}-${{day: '2-digit'}}`);
// expected output: "2020-05-02"

Answer 14

打包解決方案： Luxon或date- fns

如果您想使用一種解決方案來適應所有人，我建議使用 date-fns 或 Luxon。

Luxon 托管在 Moment.js 網站上，由 Moment.js 開發人員開發，因為 Moment.js 存在開發人員想要解決但無法解決的限制。

安裝：

npm install luxon或yarn add luxon （其他安裝方法請訪問鏈接）

例子：

luxon.DateTime.fromISO('2010-08-10').toFormat('yyyy-LLL-dd');

產量：

2010 年 8 月 10 日

手動解決方案

使用與 Moment.js、 Class DateTimeFormatter (Java)和Class SimpleDateFormat (Java)類似的格式，我實現了一個全面的解決方案formatDate(date, patternStr) ，其中代碼易於閱讀和修改。 您可以顯示日期、時間、上午/下午等。有關更多示例，請參見代碼。

例子：

formatDate(new Date(), 'EEEE, MMMM d, yyyy HH:mm:ss:S')

（ formatDate在下面的代碼片段中實現）

產量：

2018 年 10 月 12 日星期五 18:11:23:445

通過單擊“運行代碼片段”來試用代碼。

日期和時間模式

yy = 2 位數年份； yyyy = 全年

M = 數字月份； MM = 2 位數的月份； MMM = 短月份名稱； MMMM = 完整的月份名稱

EEEE = 完整的工作日名稱； EEE = 簡短的工作日名稱

d = 數字日； dd = 2 位數的日期

h = 上午/下午的小時數； hh = 2 位數的上午/下午小時數； H = 小時； HH = 2 位數小時

m = 分鍾； mm = 2 位數分鍾； aaa = 上午/下午

s = 秒； ss = 2 位數秒

S = 毫秒

 var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var dayOfWeekNames = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]; function formatDate(date, patternStr){ if (!patternStr) { patternStr = 'M/d/yyyy'; } var day = date.getDate(), month = date.getMonth(), year = date.getFullYear(), hour = date.getHours(), minute = date.getMinutes(), second = date.getSeconds(), miliseconds = date.getMilliseconds(), h = hour % 12, hh = twoDigitPad(h), HH = twoDigitPad(hour), mm = twoDigitPad(minute), ss = twoDigitPad(second), aaa = hour < 12 ? 'AM' : 'PM', EEEE = dayOfWeekNames[date.getDay()], EEE = EEEE.substr(0, 3), dd = twoDigitPad(day), M = month + 1, MM = twoDigitPad(M), MMMM = monthNames[month], MMM = MMMM.substr(0, 3), yyyy = year + "", yy = yyyy.substr(2, 2) ; // checks to see if month name will be used patternStr = patternStr .replace('hh', hh).replace('h', h) .replace('HH', HH).replace('H', hour) .replace('mm', mm).replace('m', minute) .replace('ss', ss).replace('s', second) .replace('S', miliseconds) .replace('dd', dd).replace('d', day) .replace('EEEE', EEEE).replace('EEE', EEE) .replace('yyyy', yyyy) .replace('yy', yy) .replace('aaa', aaa); if (patternStr.indexOf('MMM') > -1) { patternStr = patternStr .replace('MMMM', MMMM) .replace('MMM', MMM); } else { patternStr = patternStr .replace('MM', MM) .replace('M', M); } return patternStr; } function twoDigitPad(num) { return num < 10 ? "0" + num : num; } console.log(formatDate(new Date())); console.log(formatDate(new Date(), 'dd-MMM-yyyy')); //OP's request console.log(formatDate(new Date(), 'EEEE, MMMM d, yyyy HH:mm:ss.S aaa')); console.log(formatDate(new Date(), 'EEE, MMM d, yyyy HH:mm')); console.log(formatDate(new Date(), 'yyyy-MM-dd HH:mm:ss.S')); console.log(formatDate(new Date(), 'M/dd/yyyy h:mmaaa'));

感謝@Gerry 提出 Luxon。

Answer 15

好的，我們有一個叫做Intl的東西，它對於在 JavaScript 中格式化日期非常有用：

您的日期如下：

var date = '10/8/2010';

然后使用 new Date() 更改為 Date ，如下所示：

date = new Date(date);

現在您可以使用如下所示的語言環境列表以任何您喜歡的方式對其進行格式化：

date = new Intl.DateTimeFormat('en-AU').format(date); // Australian date format: "8/10/2010" 

date = new Intl.DateTimeFormat('en-US').format(date); // USA date format: "10/8/2010" 

date = new Intl.DateTimeFormat('ar-EG').format(date);  // Arabic date format: "٨‏/١٠‏/٢٠١٠"

如果您確實想要上面提到的格式，您可以執行以下操作：

date = new Date(Date.UTC(2010, 7, 10, 0, 0, 0));
var options = {year: "numeric", month: "short", day: "numeric"};
date = new Intl.DateTimeFormat("en-AU", options).format(date).replace(/\s/g, '-');

結果將是：

"10-Aug-2010"

有關更多信息，請參閱Intl API和Intl.DateTimeFormat文檔。

Answer 16

使用 ECMAScript Edition 6 (ES6/ES2015) 字符串模板：

let d = new Date();
let formatted = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`;

如果您需要更改分隔符：

const delimiter = '/';
let formatted = [d.getFullYear(), d.getMonth() + 1, d.getDate()].join(delimiter);

Answer 17

Date構造函數（和Date.parse() ）在構造日期時僅接受一種格式作為參數，即ISO 8601 ：

// new Date('YYYY-MM-DDTHH:mm:ss.sssZ')
const date = new Date('2017-08-15')

但是由於瀏覽器的差異和不一致，強烈建議不要從字符串中解析 a（MDN 建議不要使用日期字符串創建日期）。

推薦的替代方法是直接從數字數據構建您的 Date 實例，如下所示：

new Date(2017, 7, 15) // Month is zero-indexed

那就是解析。 現在，要將您的日期格式化為您想要的字符串，您有幾個選項是 Date 對象的本機選項（盡管我相信沒有一個符合您需要的格式）：

date.toString()       // 'Wed Jan 23 2019 17:23:42 GMT+0800 (Singapore Standard Time)'
date.toDateString()   // 'Wed Jan 23 2019'
date.toLocaleString() // '23/01/2019, 17:23:42'
date.toGMTString()    // 'Wed, 23 Jan 2019 09:23:42 GMT'
date.toUTCString()    // 'Wed, 23 Jan 2019 09:23:42 GMT'
date.toISOString()    // '2019-01-23T09:23:42.079Z'

對於其他格式選項，恐怕您將不得不求助於Moment.js 、 day.js等庫。

本文感謝Zell Liew提供的日期格式提示。

Answer 18

這是我剛剛編寫的一些代碼，用於處理我正在處理的項目的日期格式。 它模仿 PHP 日期格式化功能來滿足我的需要。 隨意使用它，它只是擴展已經存在的 Date() 對象。 這可能不是最優雅的解決方案，但它可以滿足我的需求。

var d = new Date(); 
d_string = d.format("m/d/Y h:i:s");

/**************************************
 * Date class extension
 * 
 */
    // Provide month names
    Date.prototype.getMonthName = function(){
        var month_names = [
                            'January',
                            'February',
                            'March',
                            'April',
                            'May',
                            'June',
                            'July',
                            'August',
                            'September',
                            'October',
                            'November',
                            'December'
                        ];

        return month_names[this.getMonth()];
    }

    // Provide month abbreviation
    Date.prototype.getMonthAbbr = function(){
        var month_abbrs = [
                            'Jan',
                            'Feb',
                            'Mar',
                            'Apr',
                            'May',
                            'Jun',
                            'Jul',
                            'Aug',
                            'Sep',
                            'Oct',
                            'Nov',
                            'Dec'
                        ];

        return month_abbrs[this.getMonth()];
    }

    // Provide full day of week name
    Date.prototype.getDayFull = function(){
        var days_full = [
                            'Sunday',
                            'Monday',
                            'Tuesday',
                            'Wednesday',
                            'Thursday',
                            'Friday',
                            'Saturday'
                        ];
        return days_full[this.getDay()];
    };

    // Provide full day of week name
    Date.prototype.getDayAbbr = function(){
        var days_abbr = [
                            'Sun',
                            'Mon',
                            'Tue',
                            'Wed',
                            'Thur',
                            'Fri',
                            'Sat'
                        ];
        return days_abbr[this.getDay()];
    };

    // Provide the day of year 1-365
    Date.prototype.getDayOfYear = function() {
        var onejan = new Date(this.getFullYear(),0,1);
        return Math.ceil((this - onejan) / 86400000);
    };

    // Provide the day suffix (st,nd,rd,th)
    Date.prototype.getDaySuffix = function() {
        var d = this.getDate();
        var sfx = ["th","st","nd","rd"];
        var val = d%100;

        return (sfx[(val-20)%10] || sfx[val] || sfx[0]);
    };

    // Provide Week of Year
    Date.prototype.getWeekOfYear = function() {
        var onejan = new Date(this.getFullYear(),0,1);
        return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
    } 

    // Provide if it is a leap year or not
    Date.prototype.isLeapYear = function(){
        var yr = this.getFullYear();

        if ((parseInt(yr)%4) == 0){
            if (parseInt(yr)%100 == 0){
                if (parseInt(yr)%400 != 0){
                    return false;
                }
                if (parseInt(yr)%400 == 0){
                    return true;
                }
            }
            if (parseInt(yr)%100 != 0){
                return true;
            }
        }
        if ((parseInt(yr)%4) != 0){
            return false;
        } 
    };

    // Provide Number of Days in a given month
    Date.prototype.getMonthDayCount = function() {
        var month_day_counts = [
                                    31,
                                    this.isLeapYear() ? 29 : 28,
                                    31,
                                    30,
                                    31,
                                    30,
                                    31,
                                    31,
                                    30,
                                    31,
                                    30,
                                    31
                                ];

        return month_day_counts[this.getMonth()];
    } 

    // format provided date into this.format format
    Date.prototype.format = function(dateFormat){
        // break apart format string into array of characters
        dateFormat = dateFormat.split("");

        var date = this.getDate(),
            month = this.getMonth(),
            hours = this.getHours(),
            minutes = this.getMinutes(),
            seconds = this.getSeconds();
        // get all date properties ( based on PHP date object functionality )
        var date_props = {
            d: date < 10 ? '0'+date : date,
            D: this.getDayAbbr(),
            j: this.getDate(),
            l: this.getDayFull(),
            S: this.getDaySuffix(),
            w: this.getDay(),
            z: this.getDayOfYear(),
            W: this.getWeekOfYear(),
            F: this.getMonthName(),
            m: month < 10 ? '0'+(month+1) : month+1,
            M: this.getMonthAbbr(),
            n: month+1,
            t: this.getMonthDayCount(),
            L: this.isLeapYear() ? '1' : '0',
            Y: this.getFullYear(),
            y: this.getFullYear()+''.substring(2,4),
            a: hours > 12 ? 'pm' : 'am',
            A: hours > 12 ? 'PM' : 'AM',
            g: hours % 12 > 0 ? hours % 12 : 12,
            G: hours > 0 ? hours : "12",
            h: hours % 12 > 0 ? hours % 12 : 12,
            H: hours,
            i: minutes < 10 ? '0' + minutes : minutes,
            s: seconds < 10 ? '0' + seconds : seconds           
        };

        // loop through format array of characters and add matching data else add the format character (:,/, etc.)
        var date_string = "";
        for(var i=0;i<dateFormat.length;i++){
            var f = dateFormat[i];
            if(f.match(/[a-zA-Z]/g)){
                date_string += date_props[f] ? date_props[f] : '';
            } else {
                date_string += f;
            }
        }

        return date_string;
    };
/*
 *
 * END - Date class extension
 * 
 ************************************/

Answer 19

不使用任何外部庫的 JavaScript 解決方案：

var now = new Date()
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
var formattedDate = now.getDate() + "-" + months[now.getMonth()] + "-" + now.getFullYear()
alert(formattedDate)

Answer 20

在 JavaScript 中格式化 DateTimes 的一種有用且靈活的方法是Intl.DateTimeFormat ：

var date = new Date();
var options = { year: 'numeric', month: 'short', day: '2-digit'};
var _resultDate = new Intl.DateTimeFormat('en-GB', options).format(date);
// The _resultDate is: "12 Oct 2017"
// Replace all spaces with - and then log it.
console.log(_resultDate.replace(/ /g,'-'));

結果是： "12-Oct-2017"

可以使用 options 參數自定義日期和時間格式。

Intl.DateTimeFormat對象是啟用語言敏感日期和時間格式的對象的構造函數。

句法

new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])

參數

語言環境

可選的。 帶有 BCP 47 語言標記的字符串，或此類字符串的數組。 有關 locales 參數的一般形式和解釋，請參閱 Intl 頁面。 允許使用以下 Unicode 擴展鍵：

nu
Numbering system. Possible values include: "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
ca
Calendar. Possible values include: "buddhist", "chinese", "coptic", "ethioaa", "ethiopic", "gregory", "hebrew", "indian", "islamic", "islamicc", "iso8601", "japanese", "persian", "roc".

選項

可選的。 具有以下部分或全部屬性的對象：

區域匹配器

要使用的語言環境匹配算法。 可能的值為"lookup"和"best fit" ； 默認為"best fit" 。 有關此選項的信息，請參閱 Intl 頁面。

時區

要使用的時區。 實現必須識別的唯一值是"UTC" ； 默認值是運行時的默認時區。 實現還可以識別 IANA 時區數據庫的時區名稱，例如"Asia/Shanghai" 、 "Asia/Kolkata" 、 "America/New_York" 。

小時12

是否使用 12 小時制（而不是 24 小時制）。 可能的值為true和false ； 默認值取決於語言環境。

格式匹配器

要使用的格式匹配算法。 可能的值為"basic"和"best fit" ； 默認為"best fit" 。 有關使用此屬性的信息，請參閱以下段落。

以下屬性描述了在格式化輸出中使用的日期時間組件及其所需的表示形式。 實現需要至少支持以下子集：

weekday, year, month, day, hour, minute, second
weekday, year, month, day
year, month, day
year, month
month, day
hour, minute, second
hour, minute

實現可能支持其他子集，並且將針對所有可用的子集表示組合協商請求以找到最佳匹配。 兩種算法可用於此協商並由 formatMatcher 屬性選擇：完全指定的"basic"算法和依賴於實現的“最佳擬合”算法。

工作日

工作日的表示。 可能的值為"narrow" 、 "short" 、 "long" 。

時代

時代的代表。 可能的值為"narrow" 、 "short" 、 "long" 。

年

年度的代表。 可能的值為"numeric" 、 "2-digit" 。

月

月份的表示。 可能的值為"numeric" 、 "2-digit" 、 "narrow" 、 "short" 、 "long" 。

天

當天的代表。 可能的值為"numeric" 、 "2-digit" 。

小時

小時的表示。 可能的值為"numeric" 、 "2-digit" 。

分鍾

分鍾的表示。 可能的值為"numeric" 、 "2-digit" 。

第二

第二個的代表。 可能的值為"numeric" 、 "2-digit" 。

時區名稱

時區名稱的表示。 可能的值為"short" 、 "long" 。 每個日期時間組件屬性的默認值未定義，但如果所有組件屬性未定義，則假定年、月和日為"numeric" 。

在線查詢

更多細節

Answer 21

這可能有助於解決問題：

 var d = new Date(); var options = { day: 'numeric', month: 'long', year: 'numeric' }; console.log(d.toLocaleDateString('en-ZA', options));

Answer 22

 new Date().toLocaleDateString() // "3/21/2018"

developer.mozilla.org上的更多文檔

Answer 23

我們有很多解決方案，但我認為其中最好的是 Moment.js。 所以我個人建議使用 Moment.js 進行日期和時間的操作。

 console.log(moment().format('DD-MMM-YYYY'));

 <script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>

Answer 24

如果您在代碼中使用 jQuery UI，則有一個名為formatDate()的內置函數。 我用這種方式來格式化今天的日期：

var testdate = Date();
testdate = $.datepicker.formatDate( "d-M-yy",new Date(testdate));
alert(testdate);

您可以在 jQuery UI 文檔中看到許多其他格式化日期的示例。

Answer 25

這就是我為我的 npm 插件實現的方式

var monthNames = [
  "January", "February", "March",
  "April", "May", "June", "July",
  "August", "September", "October",
  "November", "December"
];

var Days = [
  "Sunday", "Monday", "Tuesday", "Wednesday",
  "Thursday", "Friday", "Saturday"
];

var formatDate = function(dt,format){
  format = format.replace('ss', pad(dt.getSeconds(),2));
  format = format.replace('s', dt.getSeconds());
  format = format.replace('dd', pad(dt.getDate(),2));
  format = format.replace('d', dt.getDate());
  format = format.replace('mm', pad(dt.getMinutes(),2));
  format = format.replace('m', dt.getMinutes());
  format = format.replace('MMMM', monthNames[dt.getMonth()]);
  format = format.replace('MMM', monthNames[dt.getMonth()].substring(0,3));
  format = format.replace('MM', pad(dt.getMonth()+1,2));
  format = format.replace(/M(?![ao])/, dt.getMonth()+1);
  format = format.replace('DD', Days[dt.getDay()]);
  format = format.replace(/D(?!e)/, Days[dt.getDay()].substring(0,3));
  format = format.replace('yyyy', dt.getFullYear());
  format = format.replace('YYYY', dt.getFullYear());
  format = format.replace('yy', (dt.getFullYear()+"").substring(2));
  format = format.replace('YY', (dt.getFullYear()+"").substring(2));
  format = format.replace('HH', pad(dt.getHours(),2));
  format = format.replace('H', dt.getHours());
  return format;
}

pad = function(n, width, z) {
  z = z || '0';
  n = n + '';
  return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
}

Answer 26

你應該看看DayJs ，它是對 momentJs 的翻版，但面向模塊化架構的架構如此輕巧。

具有相同現代 API 的 Moment.js 的快速 2kB 替代品

Day.js 是一個極簡的 JavaScript 庫，它解析、驗證、操作和顯示現代瀏覽器的日期和時間，具有很大程度上與 Moment.js 兼容的 API。 如果您使用 Moment.js，那么您已經知道如何使用 Day.js。

 var date = Date.now(); const formatedDate = dayjs(date).format("YYYY-MM-DD") console.log(formatedDate);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.16/dayjs.min.js" crossorigin="anonymous"></script>

Answer 27

var today = new Date();
var formattedToday = today.toLocaleDateString() + ' ' + today.toLocaleTimeString();

Answer 28

受到JD Smith奇妙的正則表達式解決方案的啟發，我突然有了一個令人頭暈目眩的想法：

 var D = Date().toString().split(" "); console.log(D[2] + "-" + D[1] + "-" + D[3]);

Answer 29

對於任何正在尋找一個非常簡單的 ES6 解決方案來復制、粘貼和采用的人：

 const dateToString = d => `${d.getFullYear()}-${('00' + (d.getMonth() + 1)).slice(-2)}-${('00' + d.getDate()).slice(-2)}` // how to use: const myDate = new Date(Date.parse('04 Dec 1995 00:12:00 GMT')) console.log(dateToString(myDate)) // 1995-12-04

Answer 30

截至 2019 年，您似乎可以讓 toLocaleDateString 僅返回某些部分，然后您可以根據需要加入它們：

var date = new Date();

console.log(date.toLocaleDateString("en-US", { day: 'numeric' }) 
            + "-"+ date.toLocaleDateString("en-US", { month: 'short' })
            + "-" + date.toLocaleDateString("en-US", { year: 'numeric' }) );

> 16-Nov-2019

console.log(date.toLocaleDateString("en-US", { month: 'long' }) 
            + " " + date.toLocaleDateString("en-US", { day: 'numeric' }) 
            + ", " + date.toLocaleDateString("en-US", { year: 'numeric' }) );

> November 16, 2019

Answer 31

它在Internet Explorer 11 、Firefox 和 Chrome 中的工作方式相同（Chrome 80.x 在選擇 en-UK 時顯示 12 小時格式）。

 const d = new Date('2010/08/05 23:45') // 26.3.2020 const dtfUK = new Intl.DateTimeFormat('UK', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit',minute: '2-digit', second: '2-digit' }); // const dtfUS = new Intl.DateTimeFormat('en', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit',minute: '2-digit', second: '2-digit' }); // console.log(dtfUS.format(d)); // 08/05/2010 11:45:00 PM console.log(dtfUK.format(d)); // 05.08.2010 23:45:00 /* node.js: 08/05/2010, 11:45:00 PM 2010-08-05 23:45:00 */

更一般的東西呢？

 var d = new Date('2010-08-10T10:34:56.789Z'); var str = d.toDateString() + // Tue Aug 10 2010 ' ' + d.toTimeString().split(' ')[0] + // 12:34:56, GMT+0x00 (GMT+0x:00) ' ' + (d.getMonth() + 101) + // 108 ' ' + d.getMilliseconds(); // 789 console.log(str); // Tue Aug 10 2010 12:34:56 108 789 console.log(// $1 Tue $2 Aug $3 11 $4 2020 $5 12 $6 34 $7 56 $8 108 $9 789 str.replace(/(\S{3}) (\S{3}) (\d{1,2}) (\d{4}) (\d{2}):(\d{2}):(\d{2}) 1(\d{2}) (\d{1,3})/, '$3-$2-$4 $5:$6.$9 ($1)') ); // 10-Aug-2010 12:34.789 (Tue) /* $1: Tue Week Day string $2: Aug Month short text $3: 11 Day $4: 2010 Year $5: 12 Hour $6: 34 Minute $7: 56 Seconds $8: 08 Month $9: 789 Milliseconds */

或者例如 1 行 IIFE “庫” ;-)

 console.log( (function (frm, d) { return [d.toDateString(), d.toTimeString().split(' ')[0], (d.getMonth() + 101), d.getMilliseconds()].join(' ').replace(/(\S{3}) (\S{3}) (\d{1,2}) (\d{4}) (\d{2}):(\d{2}):(\d{2}) 1(\d{2}) (\d{1,3})/, frm); }) ('$4/$8/$3 $5:$6 ($1)', new Date()) );

如果您不需要它們，您可以刪除無用的部分和/或更改索引。

Answer 32

Sugar.js 對 Date 對象有很好的擴展，包括Date.format方法。

文檔中的示例：

Date.create().format('{Weekday} {Month} {dd}, {yyyy}');

Date.create().format('{12hr}:{mm}{tt}')

Answer 33

為了將日期格式化為例如10-Aug-2010 ，您可能需要使用.toDateString()和ES6數組解構。

const formattedDate = new Date().toDateString()
// The above yields e.g. 'Mon Jan 06 2020'

const [, month, day, year] = formattedDate.split(' ')

const ddMmmYyyy = `${day}-${month}-${year}`
// or
const ddMmmYyyy = [day, month, year].join('-')

Answer 34

要獲得“2010 年 8 月 10 日”，請嘗試：

var date = new Date('2010-08-10 00:00:00');
date = date.toLocaleDateString(undefined, {day:'2-digit'}) + '-' + date.toLocaleDateString(undefined, {month:'short'}) + '-' + date.toLocaleDateString(undefined, {year:'numeric'})

有關瀏覽器支持，請參閱toLocaleDateString 。

Answer 35

兩個純 JavaScript 單行代碼

在這個答案中，我發展了JD Smith 的想法。 我能夠縮短 JD Smith 正則表達式。

 let format= d=> d.toString().replace(/\w+ (\w+) (\d+) (\d+).*/,'$2-$1-$3'); console.log( format(Date()) );

Dave 的也是基於 JD Smith 的想法，但他避免使用正則表達式並給出了一個非常好的解決方案——我稍微縮短了他的解決方案（通過更改split參數）並在包裝器中使其不透明。

 let format= (d,a=d.toString().split` `)=> a[2]+"-"+a[1]+"-"+a[3]; console.log( format(Date()) );

Answer 36

只需您可以這樣做：-

 let date = new Date().toLocaleDateString('en-us',{day: 'numeric'})
 let month = new Date().toLocaleDateString('en-us',{month: 'long'})
 let year = new Date().toLocaleDateString('en-us',{year: 'numeric'})
 const FormattedDate = `${date}-${month}-${year}`
 console.log(FormattedDate) // 26-March-2022

Answer 37

嘗試這個：

 function init(){ var d = new Date(); var day = d.getDate(); var x = d.toDateString().substr(4, 3); var year = d.getFullYear(); document.querySelector("#mydate").innerHTML = day + '-' + x + '-' + year; } window.onload = init;

 <div id="mydate"></div>

Answer 38

DateFormatter.formatDate(new Date(2010,7,10), 'DD-MMM-YYYY')

=> 10-Aug-2010

DateFormatter.formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')

=> 2017-11-22 19:52:37

DateFormatter.formatDate(new Date(2005, 1, 2, 3, 4, 5), 'D DD DDD DDDD, M MM MMM MMMM, YY YYYY, h hh H HH, m mm, s ss, a A')

=> 2 02 Wed Wednesday, 2 02 Feb February, 05 2005, 3 03 3 03, 4 04, 5 05, am AM

 var DateFormatter = { monthNames: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ], dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], formatDate: function (date, format) { var self = this; format = self.getProperDigits(format, /d+/gi, date.getDate()); format = self.getProperDigits(format, /M+/g, date.getMonth() + 1); format = format.replace(/y+/gi, function (y) { var len = y.length; var year = date.getFullYear(); if (len == 2) return (year + "").slice(-2); else if (len == 4) return year; return y; }) format = self.getProperDigits(format, /H+/g, date.getHours()); format = self.getProperDigits(format, /h+/g, self.getHours12(date.getHours())); format = self.getProperDigits(format, /m+/g, date.getMinutes()); format = self.getProperDigits(format, /s+/gi, date.getSeconds()); format = format.replace(/a/ig, function (a) { var amPm = self.getAmPm(date.getHours()) if (a === 'A') return amPm.toUpperCase(); return amPm; }) format = self.getFullOr3Letters(format, /d+/gi, self.dayNames, date.getDay()) format = self.getFullOr3Letters(format, /M+/g, self.monthNames, date.getMonth()) return format; }, getProperDigits: function (format, regex, value) { return format.replace(regex, function (m) { var length = m.length; if (length == 1) return value; else if (length == 2) return ('0' + value).slice(-2); return m; }) }, getHours12: function (hours) { // https://stackoverflow.com/questions/10556879/changing-the-1-24-hour-to-1-12-hour-for-the-gethours-method return (hours + 24) % 12 || 12; }, getAmPm: function (hours) { // https://stackoverflow.com/questions/8888491/how-do-you-display-javascript-datetime-in-12-hour-am-pm-format return hours >= 12 ? 'pm' : 'am'; }, getFullOr3Letters: function (format, regex, nameArray, value) { return format.replace(regex, function (s) { var len = s.length; if (len == 3) return nameArray[value].substr(0, 3); else if (len == 4) return nameArray[value]; return s; }) } } console.log(DateFormatter.formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss')); console.log(DateFormatter.formatDate(new Date(), 'D DD DDD DDDD, M MM MMM MMMM, YY YYYY, h hh H HH, m mm, s ss, a A')); console.log(DateFormatter.formatDate(new Date(2005, 1, 2, 3, 4, 5), 'D DD DDD DDDD, M MM MMM MMMM, YY YYYY, h hh H HH, m mm, s ss, a A'));

格式描述取自Ionic Framework （它不支持Z ，UTC 時區偏移）

未經過徹底測試

Answer 39

Javascript Intl.DateTimeFormat方法提供了一種格式化日期的便捷方式。

以下是構建所需格式的方法：

 const date = new Date("2010-08-10"); let d=new Intl.DateTimeFormat('en-GB',{year:"numeric", month:"short",day:"2-digit"}).format(date).split(" ").join("-"); console.log(d);

Answer 40

如果您喜歡一個簡短的、人類可讀的功能 - 這很容易調整以適合您。

timeStamp參數是從 1970 年開始的毫秒數 - 它由new Date().getTime()和許多其他設備返回......

好吧，我改變主意了。 我包括一個額外的零填充功能。 詛咒！

 function zeroPad(aNumber) {
     return ("0"+aNumber).slice(-2);
 }
 function humanTime(timeStamp) {
    var M = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    var D = new Date(timeStamp); // 23 Aug 2016 16:45:59 <-- Desired format.
    return D.getDate() + " " + M[D.getMonth()] + " " + D.getFullYear() + " " + D.getHours() + ":" + zeroPad(d.getMinutes()) + ":" + zeroPad(D.getSeconds());
 }

Answer 41

簡單格式化程序：

function fmt(date, format = 'YYYY-MM-DDThh:mm:ss') {
  const pad2 = (n) => n.toString().padStart(2, '0');

  const map = {
    YYYY: date.getFullYear(),
    MM: pad2(date.getMonth() + 1),
    DD: pad2(date.getDate()),
    hh: pad2(date.getHours()),
    mm: pad2(date.getMinutes()),
    ss: pad2(date.getSeconds()),
  };

  return Object.entries(map).reduce((prev, entry) => prev.replace(...entry), format);
}

用法：

fmt(new Date(), 'YYYY-MM-DDThh:mm:ss'); // '2022-11-07T12:47:59'

Answer 42

我使用以下。 它很簡單並且工作正常。

 var dtFormat = require('dtformat');
   var today = new Date();
   dtFormat(today, "dddd, mmmm dS, yyyy, h:MM:ss TT");

或這個：

var now = new Date()
months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
var formattedDate = now.getDate()  + "-" + months[now.getMonth()] + "-" + now.getFullYear()
alert(formattedDate)

Answer 43

簡短、廣泛兼容的方法：

function formatDate(date) {
    date.toISOString()
    .replace(/^(\d+)-(\d+)-(\d+).*$/, // Only extract Y-M-D
        function (a,y,m,d) {
            return [
                d, // Day
                ['Jan','Feb','Mar','Apr','May','Jun',  // Month Names
                'Jul','Ago','Sep','Oct','Nov','Dec']
                [m-1], // Month
                y  // Year
            ].join('-') // Stitch together
        })
}

或者，作為單行：

date.toISOString().replace(/^(\d+)-(\d+)-(\d+)T(\d+):(\d+):(\d+).(\d+)Z$/, function (a,y,m,d) {return [d,['Jan','Feb','Mar','Apr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'][m-1],y].join('-')})

Answer 44

如果您已經在項目中使用 ExtJS ，則可以使用Ext.Date ：

var date = new Date();
Ext.Date.format(date, "d-M-Y");

返回：

"11-Nov-2015"

Answer 45

有一個新庫smarti.to.js用於 JavaScript 數字、日期和 JSON 日期（Microsoft 或 ISO8601）的本地化格式。

例子：

new Date('2015-1-1').to('dd.MM.yy')         // Outputs 01.01.2015
"2015-01-01T10:11:12.123Z".to('dd.MM.yy')   // Outputs 01.01.2015

本地化文件 (smarti.to.{culture}.js) 中還定義了自定義短模式。 示例（smarti.to.et-EE.js）：

new Date('2015-1-1').to('d')                // Outputs 1.01.2015

和多格式能力：

smarti.format('{0:n2} + {1:n2} = {2:n2}', 1, 2, 3)   // Output: 1,00 + 2,00 = 3,00

Answer 46

這是修改為具有 3 個字符的月份和 2 個數字的年份的主要答案：

 function formatDate(date) { var monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; var day = date.getDate(), monthIndex = date.getMonth(), year = date.getFullYear().toString().substr(-2); return day + ' ' + monthNames[monthIndex] + ' ' + year; } document.write(formatDate(new Date()));

Answer 47

您可以格式化日期的其他方式：

function formatDate(dDate,sMode){
    var today = dDate;
    var dd = today.getDate();
    var mm = today.getMonth()+1; //January is 0!
    var yyyy = today.getFullYear();
    if(dd<10) {
        dd = '0'+dd
    }
    if(mm<10) {
        mm = '0'+mm
    }
    if (sMode+""==""){
        sMode = "dd/mm/yyyy";
    }
    if (sMode == "yyyy-mm-dd"){
        return  yyyy + "-" + mm + "-" + dd + "";
    }
    if (sMode == "dd/mm/yyyy"){
        return  dd + "/" + mm + "/" + yyyy;
    }
}

Answer 48

yy = 2 位數年份； yyyy = 全年

M = 數字月份； MM = 2 位數的月份； MMM = 短月份名稱； MMMM = 完整的月份名稱

EEEE = 完整的工作日名稱； EEE = 簡短的工作日名稱

d = 數字日； dd = 2 位數的日期

h = 小時； hh = 2 位數小時

m = 分鍾； mm = 2 位數分鍾

s = 秒； ss = 2 位數秒

S = 毫秒

使用與類 SimpleDateFormat (Java)類似的格式

 var monthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var dayOfWeekNames = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]; function formatDate(date, formatStr){ if (!formatStr) { formatStr = 'dd/mm/yyyy'; } var day = date.getDate(), month = date.getMonth(), year = date.getFullYear(), hour = date.getHours(), minute = date.getMinutes(), second = date.getSeconds(), miliseconds = date.getMilliseconds(), hh = twoDigitPad(hour), mm = twoDigitPad(minute), ss = twoDigitPad(second), EEEE = dayOfWeekNames[date.getDay()], EEE = EEEE.substr(0, 3), dd = twoDigitPad(day), M = month + 1, MM = twoDigitPad(M), MMMM = monthNames[month], MMM = MMMM.substr(0, 3), yyyy = year + "", yy = yyyy.substr(2, 2) ; return formatStr .replace('hh', hh).replace('h', hour) .replace('mm', mm).replace('m', minute) .replace('ss', ss).replace('s', second) .replace('S', miliseconds) .replace('dd', dd).replace('d', day) .replace('MMMM', MMMM).replace('MMM', MMM).replace('MM', MM).replace('M', M) .replace('EEEE', EEEE).replace('EEE', EEE) .replace('yyyy', yyyy) .replace('yy', yy) ; } function twoDigitPad(num) { return num < 10 ? "0" + num : num; } console.log(formatDate(new Date())); console.log(formatDate(new Date(), 'EEEE, MMMM d, yyyy hh:mm:ss:S')); console.log(formatDate(new Date(), 'EEE, MMM d, yyyy hh:mm')); console.log(formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss:S')); console.log(formatDate(new Date(), 'yy-MM-dd hh:mm'));

Answer 49

這個函數的靈感來自 Java 的 SimpleDateFormat，它提供了多種格式，例如：

dd-MMM-yyyy → 17-Jul-2018
yyyyMMdd'T'HHmmssXX → 20180717T120856+0900
yyyy-MM-dd'T'HH:mm:ssXXX → 2018-07-17T12:08:56+09:00
E, dd MMM yyyy HH:mm:ss Z → Tue, 17 Jul 2018 12:08:56 +0900
yyyy.MM.dd 'at' hh:mm:ss Z → 2018.07.17 at 12:08:56 +0900
EEE, MMM d, ''yy → Tue, Jul 17, '18
h:mm a → 12:08 PM
hh 'o''''clock' a, X → 12 o'clock PM, +09

代碼示例：

 function formatWith(formatStr, date, opts) { if (!date) { date = new Date(); } opts = opts || {}; let _days = opts.days; if (!_days) { _days = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; } let _months = opts.months; if (!_months) { _months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; } const pad = (number, strDigits, isUnpad) => { const strNum = number.toString(); if (!isUnpad && strNum.length > strDigits.length) { return strNum; } else { return ('0000' + strNum).slice(-strDigits.length); } }; const timezone = (date, letter) => { const chunk = []; const offset = -date.getTimezoneOffset(); chunk.push(offset === 0 ? 'Z' : offset > 0 ? '+' : '-');//add Z or +,- if (offset === 0) return chunk; chunk.push(pad(Math.floor(offset / 60), '00'));//hour if (letter === 'X') return chunk.join(''); if (letter === 'XXX') chunk.push(':'); chunk.push(pad((offset % 60), '00'));//min return chunk.join(''); }; const ESCAPE_DELIM = '\0'; const escapeStack = []; const escapedFmtStr = formatStr.replace(/'.*?'/g, m => { escapeStack.push(m.replace(/'/g, '')); return ESCAPE_DELIM + (escapeStack.length - 1) + ESCAPE_DELIM; }); const formattedStr = escapedFmtStr .replace(/y{4}|y{2}/g, m => pad(date.getFullYear(), m, true)) .replace(/M{3}/g, m => _months[date.getMonth()]) .replace(/M{1,2}/g, m => pad(date.getMonth() + 1, m)) .replace(/M{1,2}/g, m => pad(date.getMonth() + 1, m)) .replace(/d{1,2}/g, m => pad(date.getDate(), m)) .replace(/H{1,2}/g, m => pad(date.getHours(), m)) .replace(/h{1,2}/g, m => { const hours = date.getHours(); return pad(hours === 0 ? 12 : hours > 12 ? hours - 12 : hours, m); }) .replace(/a{1,2}/g, m => date.getHours() >= 12 ? 'PM' : 'AM') .replace(/m{1,2}/g, m => pad(date.getMinutes(), m)) .replace(/s{1,2}/g, m => pad(date.getSeconds(), m)) .replace(/S{3}/g, m => pad(date.getMilliseconds(), m)) .replace(/[E]+/g, m => _days[date.getDay()]) .replace(/[Z]+/g, m => timezone(date, m)) .replace(/X{1,3}/g, m => timezone(date, m)) ; const unescapedStr = formattedStr.replace(/\0\d+\0/g, m => { const unescaped = escapeStack.shift(); return unescaped.length > 0 ? unescaped : '\''; }); return unescapedStr; } // Let's format with above function const dateStr = '2018/07/17 12:08:56'; const date = new Date(dateStr); const patterns = [ "dd-MMM-yyyy", "yyyyMMdd'T'HHmmssXX",//ISO8601 "yyyy-MM-dd'T'HH:mm:ssXXX",//ISO8601EX "E, dd MMM yyyy HH:mm:ss Z",//RFC1123(RFC822) like email "yyyy.MM.dd 'at' hh:mm:ss Z",//hh shows 1-12 "EEE, MMM d, ''yy", "h:mm a", "hh 'o''''clock' a, X", ]; for (let pattern of patterns) { console.log(`${pattern} → ${formatWith(pattern, date)}`); }

您可以將其用作庫

它也作為 NPM 模塊發布。 您可以在 Node.js 上使用它，也可以將它從CDN用於瀏覽器。

節點.js

const {SimpleDateFormat} = require('@riversun/simple-date-format');

在瀏覽器中

<script src="https://cdn.jsdelivr.net/npm/@riversun/simple-date-format@1.0.2/dist/simple-date-format.js"></script>

編寫代碼如下。

const date = new Date('2018/07/17 12:08:56');
const sdf = new SimpleDateFormat();
console.log(sdf.formatWith("yyyy-MM-dd'T'HH:mm:ssXXX", date));//to be "2018-07-17T12:08:56+09:00"

GitHub 上的源代碼：

https://github.com/riversun/simple-date-format

Answer 50

使用此程序

 const MONTHS = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'] const date = new Date() const dateString = `${date.getDate()}-${MONTHS[date.getMonth()]}-${date.getFullYear()}` console.log(dateString)

Answer 51

將jQuery UI插件添加到您的頁面：

function DateFormate(dateFormate, datetime) {
    return $.datepicker.formatDate(dateFormate, datetime);
};

Answer 52

這是一個完全符合您要求的腳本

https://github.com/UziTech/js-date-format

var d = new Date("2010-8-10");
document.write(d.format("DD-MMM-YYYY"));

Answer 53

以下代碼將允許您將日期格式設置為DD-MM-YYYY (27-12-2017) 或DD MMM YYYY (27 Dec 2017)：

/** Pad number to fit into nearest power of 10 */
function padNumber(number, prependChar, count) {
  var out = '' + number; var i;
  if (number < Math.pow(10, count))
    while (out.length < ('' + Math.pow(10, count)).length) out = prependChar + out;
  
  return out;
}

/* Format the date to 'DD-MM-YYYY' or 'DD MMM YYYY' */
function dateToDMY(date, useNumbersOnly) {
  var months = [
    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 
    'Nov', 'Dec'
  ];

  return '' + padNumber(date.getDate(), '0', 1) + 
   (useNumbersOnly? '-' + padNumber(date.getMonth() + 1, '0', 1) + '-' : ' ' + months[date.getMonth()] + ' ')
    + date.getFullYear();
}

更改date.getFullYear()和padNumber(date.getDate(), '0', 1)的順序以創建dateToYMD()函數。

有關詳細信息，請參閱repl.it 示例。

Answer 54

我知道有人可能會說這是一個愚蠢的解決方案，但它確實通過從日期字符串中刪除不必要的信息來解決問題。

yourDateObject產生：

2017 年 12 月 13 日星期三 20:40:40 GMT+0200 (EET)

yourDateObject.toString().slice(0, 15); 產生：

2017 年 12 月 13 日，星期三

Answer 55

您不需要任何庫。 只需提取日期組件並構造字符串。 這是獲取YYYY-MM-DD格式的方法。 另請注意月份索引“一月為 0，二月為 1，依此類推”。

// @flow

type Components = {
  day: number,
  month: number,
  year: number
}

export default class DateFormatter {
  // YYYY-MM-DD
  static YYYY_MM_DD = (date: Date): string => {
    const components = DateFormatter.format(DateFormatter.components(date))
    return `${components.year}-${components.month}-${components.day}`
  }

  static format = (components: Components) => {
    return {
      day: `${components.day}`.padStart(2, '0'),
      month: `${components.month}`.padStart(2, '0'),
      year: components.year
    }
  }

  static components = (date: Date) => {
    return {
      day: date.getDate(),
      month: date.getMonth() + 1,
      year: date.getFullYear()
    }
  }
}

Answer 56

一個可以返回日期、日期+時間或僅返回時間的簡單函數：

var myDate = dateFormatter("2019-01-24 11:33:24", "date-time");
// >> RETURNS "January 24, 2019 11:33:24"

var myDate2 = dateFormatter("2019-01-24 11:33:24", "date");
// >> RETURNS "January 24, 2019"

var myDate3 = dateFormatter("2019-01-24 11:33:24", "time");
// >> RETURNS "11:33:24"


function dateFormatter(strDate, format){
    var theDate = new Date(strDate);
    if (format=="time")
       return getTimeFromDate(theDate);
    else{
       var dateOptions = {year:'numeric', month:'long', day:'numeric'};
       var formattedDate = theDate.toLocaleDateString("en-US", + dateOptions);
       if (format=="date")
           return formattedDate;
       return formattedDate + " " + getTimeFromDate(theDate);
    }
}

function getTimeFromDate(theDate){
    var sec = theDate.getSeconds();
    if (sec<10)
        sec = "0" + sec;
    var min = theDate.getMinutes();
    if (min<10)
        min = "0" + min;
    return theDate.getHours() + ':'+ min + ':' + sec;
}

Answer 57

該模塊可以輕松處理幾乎所有的情況。 它是一個更大的 npm 包的一部分，由 Locutus 提供，其中包括各種功能，但它可以完全獨立於包本身使用，如果不使用 npm，只需復制粘貼/適應一點（從模塊更改為一個函數）。

作為第二個參數，它接受一個時間戳，它可以來自任何地方，例如 Date.getTime()。

此外，Locutus 維護了一個更大的 datetime 模塊，也在locutus包中，這將提供一種更加面向對象的方式來使用它。

在這里，您可以看到其他日期時間函數（作為模塊），它們也被證明非常有用。

您可以在此處找到有關參數和格式字符串的文檔（請注意，文檔站點是一個 PHP 站點，但 locutus 實現遵循完全相同的規范）。

日期模塊示例

date('H:m:s \\m \\i\\s \\m\\o\\n\\t\\h', 1062402400)//'07:09:40 m is month'

date('F j, Y, g:i a', 1062462400)//'September 2, 2003, 12:26 am'

date('Y W o', 1062462400)//'2003 36 2003'

var $x = date('Y m d', (new Date()).getTime() / 1000) $x = $x + '' var $result = $x.length // 2009 01 09    10

date('W', 1104534000)    //'52'

date('B t', 1104534000)    //'999 31'

date('W U', 1293750000.82); // 2010-12-31    '52 1293750000'

date('W', 1293836400); // 2011-01-01    '52'

date('W Y-m-d', 1293974054); // 2011-01-02    '52 2011-01-02'

Answer 58

也許這有助於一些人願意或意外地一個接一個地尋找多種日期格式。 請查找代碼：我在當前日期使用 Moment.js 格式函數（今天是 29-06-2020）： var startDate = moment(new Date()).format('MM/DD/YY'); 結果：20 年 6 月 28 日

它只保留年份部分：20 作為“06/28/20”，如果我運行語句new Date(startDate) ，結果是“Mon Jun 28 1920 00:00:00 GMT+0530 (India Standard Time) ”。

然后，當我在“06/28/20”上使用另一種格式時： startDate = moment(startDate ).format('MM-DD-YYYY'); 結果：06-28-1920，在 Google Chrome 和 Firefox 瀏覽器中，第二次嘗試的正確日期為：06-28-2020。

但在 Internet Explorer 中，它有問題。 據我了解，我們可以在給定日期應用一種日期格式。 如果我們想要第二種日期格式，它應該應用於新日期，而不是第一個日期格式結果。 並且還觀察到第一次應用 'MM-DD-YYYY' 和下一個 'MM-DD-YY' 在 Internet Explorer 中工作。 為了清楚地理解，請在鏈接中找到我的問題：Date go wrong when using Moment.js date format in Internet Explorer 11 。

Answer 59

 function convert_month(i = 0, option = "num") { // i = index var object_months = [ { num: 01, short: "Jan", long: "January" }, { num: 02, short: "Feb", long: "Februari" }, { num: 03, short: "Mar", long: "March" }, { num: 04, short: "Apr", long: "April" }, { num: 05, short: "May", long: "May" }, { num: 06, short: "Jun", long: "Juni" }, { num: 07, short: "Jul", long: "July" }, { num: 08, short: "Aug", long: "August" }, { num: 09, short: "Sep", long: "September" }, { num: 10, short: "Oct", long: "October" }, { num: 11, short: "Nov", long: "November" }, { num: 12, short: "Dec", long: "December" } ]; return object_months[i][option]; } var d = new Date(); // https://stackoverflow.com/questions/1408289/how-can-i-do-string-interpolation-in-javascript var num = `${d.getDate()}-${convert_month(d.getMonth())}-${d.getFullYear()}`; var short = `${d.getDate()}-${convert_month(d.getMonth(), "short")}-${d.getFullYear()}`; var long = `${d.getDate()}-${convert_month(d.getMonth(), "long")}-${d.getFullYear()}`; document.querySelector("#num").innerHTML = num; document.querySelector("#short").innerHTML = short; document.querySelector("#long").innerHTML = long;

 <p>Numeric : <span id="num"></span> (default)</p> <p>Short : <span id="short"></span></p> <p>Long : <span id="long"></span></p>

Answer 60

利用：

thisDate = new Date(parseInt(jsonDateString.replace('/Date(', '')));
formattedDate = (thisDate.getMonth() + 1) + "/" + (thisDate.getDate()+1) + "/" + thisDate.getFullYear();

這需要一個JSON日期“/Date(1429573751663)/”，並生成格式化字符串：

“2015 年 4 月 21 日”

Answer 61

2.39KB 縮小。 一份文件。 https://github.com/rhroyston/clock-js

2010 年 8 月 10 日將是：

var str = clock.month
str.charAt(0).toUpperCase() + str.slice(1,3); //gets you "Aug"
console.log(clock.day + '-' + str + '-' + clock.year); //gets you 10-Aug-2010

Answer 62

這是一些准備粘貼的時間/日期格式代碼，不依賴任何外部模塊/庫或使用 jQuery 或 ES7 或任何東西。 與其他一些答案中的代碼不同，此代碼提供了以下功能組合：

• 它需要一個 JavaScript Date 對象作為輸入
• 它可以將日期顯示為本地時區或 UTC
• 它使用簡單的格式化系統“{year4} {month02} {second}”，即使在您編寫代碼之后也易於閱讀和理解，不像典型的“%D %m %-”，它總是迫使您返回文檔
• 格式化系統沒有像一些特別的“DD MM YYYY”系統那樣奇怪的自碰撞
• 你可以在這里運行測試並嘗試一下

 // format_date(date, pattern, utc) // - date // - a JavaScript Date object // - use "new Date()" for current time // - pattern // - a string with embedded {codes} like // "{year4}-{month02}-{day02}: {dayname3}" // see format_date_funcs below for complete list // - any other letters go through unchanged // - utc // - if true, shows date in UTC time "zone" // - if false/omitted, shows date in local time zone // var month_names = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; var day_of_week_names = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]; function space_pad2(num) { return num < 10 ? " " + num : num; } function zero_pad2(num) { return num < 10 ? "0" + num : num; } function space_pad3(num) { if (num < 10) return " " + num; else if (num < 100) return " " + num; else return num; } function zero_pad3(num) { if (num < 10) return "00" + num; else if (num < 100) return "0" + num; else return num; } var format_date_funcs = { // {year4} = '1902' // {year02} = '02' // 'year4': function(date, utc) { var year = utc ? date.getUTCFullYear() : date.getFullYear(); return year; }, 'year02': function(date, utc) { var year = utc ? date.getUTCFullYear() : date.getFullYear(); return year.toString().substr(2,2); }, // {month} = '1' - '12' // {month2} = ' 1' - '12' (space padded) // {month02} = '01' - '12' // 'month': function(date, utc) { var month = utc ? date.getUTCMonth() : date.getMonth(); // [0,11] return month + 1; }, 'month2': function(date, utc) { var month = utc ? date.getUTCMonth() : date.getMonth(); // [0,11] return space_pad2(month + 1); }, 'month02': function(date, utc) { var month = utc ? date.getUTCMonth() : date.getMonth(); // [0,11] return zero_pad2(month + 1); }, // {monthname} = 'January' // {monthname3} = 'Jan' // 'monthname': function(date, utc) { var month = utc ? date.getUTCMonth() : date.getMonth(); // [0,11] return month_names[month]; }, 'monthname3': function(date, utc) { var month = utc ? date.getUTCMonth() : date.getMonth(); // [0,11] return month_names[month].substr(0, 3); }, // {day} = '1' - '31' // {day2} = ' 1' - '31' (space padded) // {day02} = '01' - '31' // 'day': function(date, utc) { var date = utc ? date.getUTCDate() : date.getDate(); // [1,31] return date; }, 'day2': function(date, utc) { var date = utc ? date.getUTCDate() : date.getDate(); // [1,31] return space_pad2(date); }, 'day02': function(date, utc) { var date = utc ? date.getUTCDate() : date.getDate(); // [1,31] return zero_pad2(date); }, // {dayname} = 'Tuesday' // {dayname3} = 'Tue' // 'dayname': function(date, utc) { var day = utc ? date.getUTCDay() : date.getDay(); // [0,6] return day_of_week_names[day]; }, 'dayname3': function(date, utc) { var day = utc ? date.getUTCDay() : date.getDay(); // [0,6] return day_of_week_names[day].substr(0,3); }, // {24hour} = '0' - '23' // {24hour2} = ' 0' - '23' (space padded) // {24hour02} = '00' - '23' // '24hour': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] return hour; }, '24hour2': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] return space_pad2(hour); }, '24hour02': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] return zero_pad2(hour); }, // {12hour} = '1' - '12' // {12hour2} = ' 1' - '12' (space padded) // {12hour02} = '01' - '12' // {ampm} = 'am' or 'pm' // {AMPM} = 'AM' or 'PM' // '12hour': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] hour = hour % 12; // [0,11] if (0 === hour) hour = 12; return hour; }, '12hour2': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] hour = hour % 12; // [0,11] if (0 === hour) hour = 12; return space_pad2(hour); }, '12hour02': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] hour = hour % 12; // [0,11] if (0 === hour) hour = 12; return zero_pad2(hour); }, 'ampm': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] return (hour < 12 ? 'am' : 'pm'); }, 'AMPM': function(date, utc) { var hour = utc ? date.getUTCHours() : date.getHours(); // [0,23] return (hour < 12 ? 'AM' : 'PM'); }, // {minute} = '0' - '59' // {minute2} = ' 0' - '59' (space padded) // {minute02} = '00' - '59' // 'minute': function(date, utc) { var minute = utc ? date.getUTCMinutes() : date.getMinutes(); // [0,59] return minute; }, 'minute2': function(date, utc) { var minute = utc ? date.getUTCMinutes() : date.getMinutes(); // [0,59] return space_pad2(minute); }, 'minute02': function(date, utc) { var minute = utc ? date.getUTCMinutes() : date.getMinutes(); // [0,59] return zero_pad2(minute); }, // {second} = '0' - '59' // {second2} = ' 0' - '59' (space padded) // {second02} = '00' - '59' // 'second': function(date, utc) { var second = utc ? date.getUTCSeconds() : date.getSeconds(); // [0,59] return second; }, 'second2': function(date, utc) { var second = utc ? date.getUTCSeconds() : date.getSeconds(); // [0,59] return space_pad2(second); }, 'second02': function(date, utc) { var second = utc ? date.getUTCSeconds() : date.getSeconds(); // [0,59] return zero_pad2(second); }, // {msec} = '0' - '999' // {msec3} = ' 0' - '999' (space padded) // {msec03} = '000' - '999' // 'msec': function(date, utc) { var msec = utc ? date.getUTCMilliseconds() : date.getMilliseconds(); // [0,999] return msec; }, 'msec3': function(date, utc) { var msec = utc ? date.getUTCMilliseconds() : date.getMilliseconds(); // [0,999] return space_pad3(msec); }, 'msec03': function(date, utc) { var msec = utc ? date.getUTCMilliseconds() : date.getMilliseconds(); // [0,999] return zero_pad3(msec); }, // {open} = '{' (in case you actually want '{' in the output) // 'open': function(date, utc) { return '{'; }, // {close} = '}' (in case you actually want '}' in the output) // 'close': function(date, utc) { return '}'; }, }; function format_date(date, pattern, utc) { if (!pattern) { pattern = '{month}/{day}/{year4}'; } var ret = ''; while (pattern.length > 0) { var s = pattern.indexOf('{'); var e = pattern.indexOf('}'); //console.log('s ' + s + ' e ' + e); if (-1 !== s && -1 !== e && s < e) { // - there is a well-formed {foo} in range [s,e] // - first we emit range [0,s) as literal } else { // - rest of string has no {} or has malformed }{ or { or } // - just emit the rest of the string as literal and be done s = pattern.length; } // emit range [0,s) as literal if (s > 0) { ret += pattern.substr(0, s); pattern = pattern.substr(s); e -= s; s = 0; } if (0 === pattern.length) break; // emit range [s=0,e] by evaluating code console.assert(0 === s); // position of { console.assert(e > 0); // position of } console.assert('{' === pattern.substr(s, 1)); console.assert('}' === pattern.substr(e, 1)); var code = pattern.substr(1,e-1); var func = format_date_funcs[code]; console.assert(func); ret += func(date, utc); pattern = pattern.substr(e+1); } return ret; } if (1) // test format_date { var fmt = '['; for (var func in format_date_funcs) { if (!format_date_funcs.hasOwnProperty(func)) continue; fmt += '{' + func + '}/'; } fmt += ']'; var now = new Date(); console.log(fmt); console.log(format_date(now, fmt, false /* utc */)); console.log(format_date(now, fmt, true /* utc */)); }

Answer 63

字符串轉換

// date 
const dateConvert = {
  dasher: dt => {
    let m = (dt.getMonth() + 1) === 13 ? 1 : (dt.getMonth() + 1);
    m = m < 10 ? `0${m}` : m.toString();
    let d = dt.getDate();
    d = d < 10 ? `0${d}` : d.toString();
    return `${dt.getFullYear()}-${m}-${d}`;
  }, 
  slasher: dt => {
    return dateConvert.slash(dateConvert.dasher(dt));
  }, 
  dash: str => {
    // 03/11/2022 -> 2022-03-11
    let [d, m, y] = str.split('/');
    return `${y}-${m}-${d}`;
  }, 
  slash: str => {
    // 2022-03-11 -> 03/11/2022
    let [y, m, d] = str.split('-');
    return `${d}/${m}/${y}`
  }
}

// console.log(dateConvert.dasher(new Date('01/31/2001')));

Answer 64

就我而言，我已將日期格式“01/07/2022”格式化為“ 2022-07-01 ”

 const formatDate = date => { const d = new Date(date) let month = (d.getMonth() + 1).toString() let day = d.getDate().toString() const year = d.getFullYear() if (month.length < 2) { month = '0' + month } if (day.length < 2) { day = '0' + day } return [ year, month, day ].join('-') } console.log(formatDate('01/07/2022'))

Answer 65

大家好，我有這個代碼來添加日期和格式到日期。

 const FechaMaxima = new Date();
 FechaMaxima.setDate(FechaMaxima.getDate() + 6);
 FechaMaxima.toISOString().substring(0, 10);

Answer 66

雖然new Date().toISOString().slice(0, 10); 是 tres hipster 並且適合我的正常用例，我不喜歡前幾個答案中的任何一個以獲得更定制的字符串，並給自己幾分鍾時間到go作為時髦的高爾夫球手和單線。

我沒有完全看到我想出的解決方案，所以這里是......

((d,x)=>`${d.getFullYear()}-${x(d.getMonth()+1)}-${x(d.getDate())}`)
    (new Date(), (x)=>x.toString().padStart(2,"0"))

// today that produces
// '2022-09-28'
// the same as new Date().toISOString().slice(0, 10)
// but provides a good framework for other orders or values

偽IIFE為勝利。

當然，這里要解決的問題是……

1. 您可能需要用前導零格式化小於 10 的日期和月份。
   • 所以傳入一個 function 轉換為 string & padStart s。
2. 您需要在那里獲得相同的日期，而不必一遍又一遍地使用new Date() 。
   • 獲取“現在”( new Date() ) 並作為參數傳入以重用。
3. 您必須將 1 添加到getMonth 。
   • 去做。

即使您需要 map 到月份縮寫之類的東西，您也可以使用類似的技巧，但這並不是說它會很可愛。

((d,x,y)=>`${x(d.getDate())} ${y(d.getMonth())} ${d.getFullYear()}`)
    (
     new Date(), 
     (x)=>x.toString().padStart(2,"0"), 
     (m)=>"jan,feb,mar,apr,may,jun,jul,aug,sep,oct,nov,dec".split(',')[m]
    )

// As of this writing, that yields...
// '28 sep 2022'

（顯然從兩者中刪除空格以增加高爾夫球感；不想讓代碼塊滾動）

...盡管出於某種奇怪的原因，除了從控制台創建測試值之外，我很難推薦它。 真的很奇怪沒有toString('yyyy-mm-dd') ，這是我能排成一行的最接近的。

Answer 67

將日期格式化為不同的格式

 let objectDate = new Date(); let day = objectDate.getDate(); console.log(day); // 12 let currentmo = objectDate.getMonth(); month = currentmo + 1; console.log(month + 1); // 1 let year = objectDate.getFullYear(); console.log(year); // 2023 // Now you can set it accordingly // dd/mm/yyyy console.log(day + '/' + month + '/' + year); // mm/dd/yyyy console.log(month + '/' + day + '/' + year);

試試這個代碼 - https://bbbootstrap.com/code/format-date-javascript-49065802

Answer 68

Typescript版

可以輕松增強以支持所需的任何格式字符串。 當像這樣的通用解決方案很容易創建，並且日期格式在應用程序中經常出現時，我不建議在整個應用程序中硬編碼日期格式代碼。 它更難閱讀並且隱藏了您的意圖。 格式字符串清楚地表明您的意圖。

原型函數

interface Date {
    format(formatString: string): string;
}

Date.prototype.format = function (formatString: string): string {
    return Object.entries({
        yyyy: this.getFullYear(),
        yy: this.getFullYear().toString().substring(2),
        MMMM: this.toLocaleString('default', { month: 'long' }),
        MMM: this.toLocaleString('default', { month: 'short' }),
        MM: (this.getMonth() + 1).toString().padStart(2, '0'),
        M: (this.getMonth() + 1),
        DDDD: this.toLocaleDateString('default', { weekday: 'long' }),
        DDD: this.toLocaleDateString('default', { weekday: 'short' }),
        dd: this.getDate().toString().padStart(2, '0'),
        d: this.getDate(),
        HH: this.getHours().toString().padStart(2, '0'),
        mm: this.getMinutes().toString().padStart(2, '0'),
        m: this.getMinutes(),
        ss: this.getSeconds().toString().padStart(2, '0'),
        s: this.getSeconds(),
        ttt: this.getMilliseconds().toString().padStart(3, '0'),
    })
        .reduce(
            (acc, entry) => {
                return acc.replace(entry[0], entry[1].toString())
            },
            formatString)
}

Javascript版

是一樣的，只是去掉接口，以及冒號后面的類型名和它們相關的冒號。

演示

function unitTest() {
    var d: Date = new Date()
    console.log(d.format('MM/dd/yyyy HH:mm:ss')) // 12/14/2022 08:38:31
    console.log(d.format('yyyy-MM-dd HH:mm:ss')) // 2022-12-14 08:38:31
}

unitTest()

Answer 69

這可以幫助：

export const formatDateToString = date => {
    if (!date) {
        return date;
    }
    try {
        return format(parse(date, 'yyyy-MM-dd', new Date()), 'dd/MM/yyyy');
    } catch (error) {
        return 'invalid date';
    }
};