$lang['tuto'] = "பயிற்சிகள்"; ?>$lang['tuto'] = "பயிற்சிகள்"; ?> ஜாவாஸ்கிரிப்டில்

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

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

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

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

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

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

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

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

பின்தளத்தில் ஸ்கிரிப்ட் பலப்படுத்துகிறது மற்றும் இந்த தேதியை வடிவமைத்து, பதிலாக அனுப்பும் எளிய சேவையகத்தை உருவாக்குவதற்கான கட்டமைப்பு. தி தேவையான தொகுதிகளை இறக்குமதி செய்ய கட்டளை பயன்படுத்தப்படுகிறது. தி express செயல்பாடு ஒரு எக்ஸ்பிரஸ் பயன்பாட்டை துவக்குகிறது, மற்றும் GET கோரிக்கைகளுக்கான வழி கையாளுதலை வரையறுக்கிறது. இந்த கையாளுதலுக்குள், தி தேதியை வடிவமைக்க செயல்பாடு அழைக்கப்படுகிறது, மேலும் வடிவமைக்கப்பட்ட தேதியைப் பயன்படுத்தி பதில் அனுப்பப்படும் . இறுதியாக, 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

Node.js இல் சர்வர் பக்க தேதி வடிவமைப்பு

Node.js பின்தள ஸ்கிரிப்ட்

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

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

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

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

  1. தேதியை வேறொரு இடத்திற்கு எப்படி வடிவமைப்பது?
  2. பயன்படுத்த ஒரு குறிப்பிட்ட மொழியைக் கொண்ட முறை, போன்றது .
  3. தேதிப் பொருளின் நேரப் பகுதியை மட்டும் வடிவமைக்க முடியுமா?
  4. ஆம், பயன்படுத்தவும் நேரப் பகுதியை வடிவமைக்க.
  5. பயன்படுத்துவதால் என்ன பலன் ?
  6. வெவ்வேறு இடங்களில் தேதி மற்றும் நேர வடிவமைப்பில் இது கூடுதல் கட்டுப்பாட்டை வழங்குகிறது.
  7. தேதிப் பொருளிலிருந்து மாதப் பெயரை எப்படிப் பெறுவது?
  8. பயன்படுத்தவும் விருப்பங்களுடன், போன்ற .
  9. இருக்கிறது தேதி வடிவமைப்பிற்கு இன்னும் நல்ல தேர்வா?
  10. போது நிராகரிக்கப்பட்டது, இது இன்னும் பரவலாகப் பயன்படுத்தப்படுகிறது. போன்ற மாற்று வழிகளைக் கவனியுங்கள் .
  11. தேதிப் பொருளில் நாட்களை எவ்வாறு சேர்ப்பது?
  12. பயன்படுத்தவும் .
  13. ஒரு தேதியை ISO சரமாக வடிவமைக்க முடியுமா?
  14. ஆம், பயன்படுத்தவும் ISO வடிவத்திற்கு.
  15. JavaScript இல் இயல்புநிலை தேதி வடிவம் என்ன?
  16. இயல்பாக, வடிவமைப்பில் ஒரு தேதியை வழங்குகிறது .
  17. ஜாவாஸ்கிரிப்டில் இரண்டு தேதிகளை எப்படி ஒப்பிடுவது?
  18. போன்ற ஒப்பீட்டு ஆபரேட்டர்களைப் பயன்படுத்தவும் .

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