Bagaimana untuk menukar format tarikh dalam JavaScript

Dalam artikel ini, kita akan belajar cara menukar format tarikh dalam JavaScript. Kami akan menelusuri beberapa contoh praktikal untuk menunjukkan cara menukar tarikh daripada satu format kepada format lain dalam JavaScript.

JavaScript ialah salah satu teknologi teras Internet. Ia digunakan oleh kebanyakan laman web dan disokong oleh semua pelayar web moden tanpa memerlukan pemalam. Dalam siri ini, kami akan membincangkan petua dan kiat untuk membantu anda dengan pembangunan JavaScript harian anda.

Untuk tarikh dan masa, JavaScript menyediakan objek Tarikh terbina dalam, yang mewakili tarikh dan masa semasa dalam format cap masa. Objek Tarikh juga membenarkan anda untuk memulakan tarikh tertentu dalam salah satu format standard. Setelah objek Tarikh dijadikan instantiated, ia menyediakan beberapa kaedah utiliti yang membolehkan anda mendapatkan pelbagai komponen tarikh dan masa, dan anda boleh menggunakan kaedah berbeza ini untuk memformat tarikh dengan cara yang berbeza . Date 对象，该对象主要以时间戳格式表示当前的日期和时间。 Date 对象还允许您初始化特定日期，该日期采用标准格式之一。一旦实例化了 Date 对象，它就会提供几种实用方法，允许您获取日期和时间的各种组成部分，并且您可以使用这些不同的方法以不同的方式格式化日期。

但是，当将日期从一种格式更改为另一种格式时，没有直接的方法可以将日期转换为所需的格式。在本文中，我将向您展示如何构建实用函数，该函数允许您将日期从一种格式转换为另一种格式。最后，我们还将讨论一个流行的第三方库，它允许您将日期更改为不同的格式。

如何更改 Vanilla JavaScript 中的日期格式

在本节中，我们将构建一个示例，允许您更改 JavaScript 中的日期格式。

让我们快速浏览一下以下示例。

如您所见，我们已经实现了 dateFormat 函数，该函数接受两个参数。第一个参数是源日期，第二个参数是将源日期转换为所需的日期格式。需要注意的是，第二个参数必须是有效的日期格式，其中包含 "dd"、"MM" 和 "yy" 或 "yyyy"。

现在，让我们浏览一下 dateFormat 函数。首先，我们通过将源日期作为构造函数的第一个参数传递来实例化 Date 对象。

接下来，我们使用 Date 对象的 getMonth、getDate() 和 getYear() 方法来获取日期组件。需要注意的是，月份值从零开始，因此我们必须将该值加一才能获得实际月份。如果需要，我们还使用 padStart

Namun, apabila menukar tarikh daripada satu format ke format lain, tiada cara langsung untuk menukar tarikh tersebut kepada format yang diingini. Dalam artikel ini, saya akan menunjukkan kepada anda cara membina fungsi utiliti yang membolehkan anda menukar tarikh dari satu format ke format yang lain. Akhir sekali, kami juga akan membincangkan perpustakaan pihak ketiga yang popular yang membolehkan anda menukar tarikh kepada format yang berbeza.

Cara menukar format tarikh dalam JavaScript Vanila

Dalam bahagian ini, kami akan membina contoh yang membolehkan anda menukar format tarikh dalam JavaScript.

Mari kita lihat sekilas contoh berikut.

Seperti yang anda lihat, kami telah melaksanakan fungsi dateFormat, yang menerima dua parameter. Parameter pertama ialah tarikh sumber dan parameter kedua adalah untuk menukar tarikh sumber kepada format tarikh yang diperlukan. Perlu diingat bahawa parameter kedua mestilah format tarikh yang sah, termasuk "dd", "MM" dan "yy" atau "yyyy".

Sekarang, mari kita lihat fungsi dateFormat. Mula-mula, kita membuat instantiate objek Date dengan menghantar tarikh sumber sebagai hujah pertama kepada pembina.

Seterusnya, kami menggunakan kaedah getMonth, getDate() dan getYear() bagi Date objek untuk mendapatkan komponen tarikh. Ambil perhatian bahawa nilai bulan bermula pada sifar, jadi kita perlu menambah satu pada nilai untuk mendapatkan bulan sebenar. Kami juga menggunakan kaedah padStart untuk memformat nilai bulan dengan sifar pendahuluan jika perlu. Kami melakukan operasi yang serupa untuk nilai tahun dan hari.

Setelah semuanya disediakan, anda sepatutnya boleh menukar tarikh kepada format yang anda mahukan.

#🎜🎜#Perpustakaan Operasi Tarikh Popular#🎜🎜# #🎜🎜#Mengenai manipulasi tarikh dalam JavaScript, terdapat banyak perpustakaan pihak ketiga yang tersedia. Beberapa pilihan yang paling popular ialah Moment.js dan Day.js. Perpustakaan ini sangat mudah digunakan apabila anda perlu memformat tarikh ke dalam format tersuai. #🎜🎜# #🎜🎜# Mari kita lihat contoh Moment.js untuk melihat cara ia berfungsi. #🎜🎜# #🎜🎜##🎜🎜##🎜🎜##🎜🎜# #🎜🎜#Seperti yang anda lihat, agak mudah untuk menukar tarikh kepada format yang berbeza menggunakan pustaka pihak ketiga ini. #🎜🎜# #🎜🎜#KESIMPULAN#🎜🎜# #🎜🎜#Hari ini kami melihat beberapa cara untuk menukar tarikh daripada satu format ke format lain dalam JavaScript: fungsi tersuai dan perpustakaan pihak ketiga. #🎜🎜#

Atas ialah kandungan terperinci Bagaimana untuk menukar format tarikh dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!