Memformat Tarikh dalam JavaScript: Cara Menukar Objek Tarikh kepada Rentetan

Menguasai Pemformatan Tarikh dalam JavaScript

Memformat tarikh dalam JavaScript adalah keperluan biasa untuk pembangun. Sama ada anda sedang membina antara muka pengguna atau bekerja dengan data hujung belakang, mewakili tarikh dalam format yang boleh dibaca manusia adalah penting. JavaScript menyediakan pelbagai cara untuk memformat tarikh, menjadikannya pilihan serba boleh untuk pelbagai aplikasi.

Dalam panduan ini, kami akan meneroka cara memformat objek Tarikh JavaScript sebagai rentetan, khususnya dalam format: 10-Ogos-2010. Pada penghujung tutorial ini, anda akan dilengkapi dengan pengetahuan untuk mengendalikan pemformatan tarikh dalam projek JavaScript anda dengan berkesan.

Memahami Skrip Pemformatan Tarikh dalam JavaScript

Skrip yang disediakan menunjukkan cara memformat JavaScript Date objek ke dalam rentetan dalam format yang dikehendaki "10-Ogos-2010". Skrip frontend menggunakan toLocaleDateString kaedah, yang memformat tarikh mengikut konvensyen khusus setempat dan mengembalikannya sebagai rentetan. Kaedah ini sangat serba boleh, membolehkan pembangun menentukan pelbagai pilihan pemformatan. Dalam kes ini, kami menggunakan pilihan { hari: '2-digit', bulan: 'short', year: 'numeric' } untuk mendapatkan hari, bulan yang disingkatkan dan tahun empat digit. The replace kaedah kemudiannya digunakan untuk menggantikan ruang dengan sempang, mencapai format akhir yang dikehendaki. Contoh yang diberikan menunjukkan cara membuat a Date objek untuk 10 Ogos 2010, dan formatkannya dengan betul menggunakan fungsi tersebut.

Skrip bahagian belakang memanfaatkan Node.js dan juga Express rangka kerja untuk mencipta pelayan ringkas yang memformat tarikh dan menghantarnya sebagai respons. The require arahan digunakan untuk mengimport modul yang diperlukan. The express fungsi memulakan aplikasi Express, dan app.get mentakrifkan pengendali laluan untuk permintaan GET. Dalam pengendali ini, yang formatDate fungsi dipanggil untuk memformat tarikh, dan tarikh yang diformatkan dihantar sebagai respons menggunakan res.send. Akhirnya, app.listen memulakan pelayan pada port tertentu dan mendengar sambungan masuk. Skrip ini menunjukkan cara pemformatan tarikh boleh disepadukan ke dalam aplikasi sebelah pelayan, membenarkan tarikh yang diformatkan disampaikan secara dinamik.

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010

const express = require('express');
const app = express();
const port = 3000;

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

app.get('/formatted-date', (req, res) => {
  const date = new Date(2010, 7, 10); // 10-Aug-2010
  const formattedDate = formatDate(date);
  res.send(`Formatted Date: ${formattedDate}`);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

Teknik Pemformatan Tarikh Lanjutan dalam JavaScript

Selain menggunakan toLocaleDateString dan penggantian rentetan asas, JavaScript menawarkan pelbagai kaedah lain untuk pemformatan tarikh, memberikan fleksibiliti yang lebih besar untuk pembangun. Salah satu kaedah tersebut ialah Intl.DateTimeFormat, alat berkuasa yang diperkenalkan dengan API Pengantarabangsaan ECMAScript, yang membolehkan kawalan terperinci ke atas format tarikh dan masa. The Intl.DateTimeFormat objek membolehkan pembangun menentukan pilihan tempat dan pemformatan, menghasilkan hasil yang konsisten merentas persekitaran yang berbeza. Kaedah ini amat berguna apabila bekerja dengan berbilang tempat atau format tarikh dan masa tersuai yang tidak disokong secara langsung toLocaleDateString.

Pendekatan lain yang perlu dipertimbangkan ialah menggunakan perpustakaan seperti moment.js atau date-fns. Perpustakaan ini menyediakan set alat yang lebih komprehensif untuk memanipulasi dan memformat tarikh, memudahkan operasi tarikh yang kompleks. Sebagai contoh, moment.js membolehkan anda memformat tarikh menggunakan sintaks yang mudah dan intuitif, seperti moment(date).format('DD-MMM-YYYY'), yang secara langsung menghasilkan format yang diingini. Walaupun kaedah asli sesuai untuk keperluan asas, perpustakaan ini tidak ternilai untuk aplikasi yang memerlukan manipulasi tarikh dan keupayaan pemformatan yang meluas.