ஜாவாஸ்கிரிப்டில் தேதிகளை வடிவமைத்தல்: தேதிப் பொருளை சரமாக மாற்றுவது எப்படி

ஜாவாஸ்கிரிப்டில் தேதி வடிவமைப்பில் தேர்ச்சி பெறுதல்

ஜாவாஸ்கிரிப்டில் தேதிகளை வடிவமைப்பது டெவலப்பர்களுக்கு பொதுவான தேவையாகும். நீங்கள் ஒரு பயனர் இடைமுகத்தை உருவாக்கினாலும் அல்லது பின்தளத்தில் தரவுகளுடன் பணிபுரிந்தாலும், மனிதர்கள் படிக்கக்கூடிய வடிவத்தில் தேதிகளைக் குறிப்பிடுவது அவசியம். ஜாவாஸ்கிரிப்ட் தேதிகளை வடிவமைக்க பல வழிகளை வழங்குகிறது, இது பல்வேறு பயன்பாடுகளுக்கு பல்துறை தேர்வாக அமைகிறது.

இந்த வழிகாட்டியில், ஜாவாஸ்கிரிப்ட் தேதி பொருளை ஒரு சரமாக வடிவமைப்பது எப்படி என்பதை ஆராய்வோம், குறிப்பாக வடிவமைப்பில்: 10-ஆகஸ்ட்-2010. இந்த டுடோரியலின் முடிவில், உங்கள் ஜாவாஸ்கிரிப்ட் திட்டங்களில் தேதி வடிவமைப்பை திறம்பட கையாளும் அறிவை நீங்கள் பெற்றிருப்பீர்கள்.

ஜாவாஸ்கிரிப்டில் தேதி வடிவமைப்பு ஸ்கிரிப்ட்களைப் புரிந்துகொள்வது

வழங்கப்பட்ட ஸ்கிரிப்டுகள் ஜாவாஸ்கிரிப்டை எவ்வாறு வடிவமைப்பது என்பதை விளக்குகின்றன Date விரும்பிய வடிவத்தில் "10-ஆகஸ்ட்-2010" சரத்தில் பொருள். முன்பக்கம் ஸ்கிரிப்ட் பயன்படுத்துகிறது toLocaleDateString முறை, இது உள்ளூர்-குறிப்பிட்ட மரபுகளின்படி தேதியை வடிவமைத்து அதை ஒரு சரமாக வழங்கும். இந்த முறை மிகவும் பல்துறை, டெவலப்பர்கள் பல்வேறு வடிவமைப்பு விருப்பங்களைக் குறிப்பிட அனுமதிக்கிறது. இந்த வழக்கில், நாள், சுருக்கமான மாதம் மற்றும் நான்கு இலக்க ஆண்டு ஆகியவற்றைப் பெற {நாள்: '2-இலக்க', மாதம்: 'குறுகிய', ஆண்டு: 'எண்' } விருப்பங்களைப் பயன்படுத்துகிறோம். தி replace முறையானது இடைவெளிகளை ஹைபன்களுடன் மாற்றுவதற்குப் பயன்படுத்தப்படுகிறது, இறுதியாக விரும்பிய வடிவமைப்பை அடைகிறது. கொடுக்கப்பட்ட உதாரணம், எப்படி உருவாக்குவது என்பதை விளக்குகிறது Date ஆகஸ்ட் 10, 2010க்கு ஆப்ஜெக்ட் செய்து, செயல்பாட்டைப் பயன்படுத்தி அதை சரியாக வடிவமைக்கவும்.

பின்தளத்தில் ஸ்கிரிப்ட் பலப்படுத்துகிறது Node.js மற்றும் இந்த Express தேதியை வடிவமைத்து, பதிலாக அனுப்பும் எளிய சேவையகத்தை உருவாக்குவதற்கான கட்டமைப்பு. தி require தேவையான தொகுதிகளை இறக்குமதி செய்ய கட்டளை பயன்படுத்தப்படுகிறது. தி express செயல்பாடு ஒரு எக்ஸ்பிரஸ் பயன்பாட்டை துவக்குகிறது, மற்றும் app.get GET கோரிக்கைகளுக்கான வழி கையாளுதலை வரையறுக்கிறது. இந்த கையாளுதலுக்குள், தி formatDate தேதியை வடிவமைக்க செயல்பாடு அழைக்கப்படுகிறது, மேலும் வடிவமைக்கப்பட்ட தேதியைப் பயன்படுத்தி பதில் அனுப்பப்படும் res.send. இறுதியாக, app.listen ஒரு குறிப்பிட்ட போர்ட்டில் சேவையகத்தைத் தொடங்கி உள்வரும் இணைப்புகளைக் கேட்கிறது. இந்த ஸ்கிரிப்ட் தேதி வடிவமைப்பை எவ்வாறு சர்வர் பக்க பயன்பாட்டில் ஒருங்கிணைக்க முடியும் என்பதைக் காட்டுகிறது, வடிவமைக்கப்பட்ட தேதிகளை மாறும் வகையில் வழங்க அனுமதிக்கிறது.

// 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}`);
});

ஜாவாஸ்கிரிப்டில் மேம்பட்ட தேதி வடிவமைப்பு நுட்பங்கள்

பயன்படுத்துவதற்கு அப்பால் toLocaleDateString மற்றும் அடிப்படை சரம் மாற்று, ஜாவாஸ்கிரிப்ட் தேதி வடிவமைப்பிற்கான பல்வேறு முறைகளை வழங்குகிறது, இது டெவலப்பர்களுக்கு அதிக நெகிழ்வுத்தன்மையை வழங்குகிறது. அத்தகைய ஒரு முறை Intl.DateTimeFormat, ECMAScript இன்டர்நேஷனலைசேஷன் API உடன் அறிமுகப்படுத்தப்பட்ட ஒரு சக்திவாய்ந்த கருவி, இது தேதிகள் மற்றும் நேரங்களின் வடிவமைப்பின் மீது நுணுக்கமான கட்டுப்பாட்டை அனுமதிக்கிறது. தி Intl.DateTimeFormat ஆப்ஜெக்ட் டெவலப்பர்களுக்கு லோகேல் மற்றும் ஃபார்மட்டிங் விருப்பங்களைக் குறிப்பிட உதவுகிறது, வெவ்வேறு சூழல்களில் நிலையான முடிவுகளை உருவாக்குகிறது. நேரடியாக ஆதரிக்கப்படாத பல மொழிகள் அல்லது தனிப்பயன் தேதி மற்றும் நேர வடிவங்களுடன் பணிபுரியும் போது இந்த முறை மிகவும் பயனுள்ளதாக இருக்கும் toLocaleDateString.

கருத்தில் கொள்ள வேண்டிய மற்றொரு அணுகுமுறை போன்ற நூலகங்களைப் பயன்படுத்துவது moment.js அல்லது date-fns. இந்த நூலகங்கள் சிக்கலான தேதி செயல்பாடுகளை எளிதாக்கும், தேதிகளை கையாளுவதற்கும் வடிவமைப்பதற்கும் மிகவும் விரிவான கருவிகளை வழங்குகின்றன. உதாரணமாக, moment.js போன்ற எளிய மற்றும் உள்ளுணர்வு தொடரியல் பயன்படுத்தி தேதிகளை வடிவமைக்க உங்களை அனுமதிக்கிறது moment(date).format('DD-MMM-YYYY'), இது நேரடியாக விரும்பிய வடிவமைப்பை உருவாக்குகிறது. பூர்வீக முறைகள் அடிப்படைத் தேவைகளுக்கு ஏற்றதாக இருந்தாலும், விரிவான தேதி கையாளுதல் மற்றும் வடிவமைப்புத் திறன்கள் தேவைப்படும் பயன்பாடுகளுக்கு இந்த நூலகங்கள் விலைமதிப்பற்றவை.