JavaScript-ൽ തീയതികൾ ഫോർമാറ്റിംഗ്: ഒരു തീയതി ഒബ്ജക്റ്റ് ഒരു സ്ട്രിംഗിലേക്ക് എങ്ങനെ പരിവർത്തനം ചെയ്യാം

JavaScript-ൽ തീയതി ഫോർമാറ്റിംഗ് മാസ്റ്ററിംഗ്

JavaScript-ൽ തീയതികൾ ഫോർമാറ്റ് ചെയ്യുന്നത് ഡെവലപ്പർമാർക്ക് ഒരു സാധാരണ ആവശ്യമാണ്. നിങ്ങൾ ഒരു ഉപയോക്തൃ ഇൻ്റർഫേസ് നിർമ്മിക്കുകയാണെങ്കിലും അല്ലെങ്കിൽ ബാക്കെൻഡ് ഡാറ്റ ഉപയോഗിച്ച് പ്രവർത്തിക്കുകയാണെങ്കിലും, മനുഷ്യർക്ക് വായിക്കാൻ കഴിയുന്ന ഫോർമാറ്റിൽ തീയതികളെ പ്രതിനിധീകരിക്കേണ്ടത് അത്യാവശ്യമാണ്. ജാവാസ്ക്രിപ്റ്റ് തീയതികൾ ഫോർമാറ്റ് ചെയ്യുന്നതിനുള്ള ഒന്നിലധികം മാർഗങ്ങൾ നൽകുന്നു, ഇത് വിവിധ ആപ്ലിക്കേഷനുകൾക്കുള്ള വൈവിധ്യമാർന്ന ചോയിസാക്കി മാറ്റുന്നു.

ഈ ഗൈഡിൽ, ഒരു JavaScript തീയതി ഒബ്‌ജക്‌റ്റ് ഒരു സ്‌ട്രിംഗായി ഫോർമാറ്റ് ചെയ്യുന്നത് എങ്ങനെയെന്ന് ഞങ്ങൾ പര്യവേക്ഷണം ചെയ്യും, പ്രത്യേകിച്ചും ഫോർമാറ്റിൽ: 10-Aug-2010. ഈ ട്യൂട്ടോറിയലിൻ്റെ അവസാനത്തോടെ, നിങ്ങളുടെ JavaScript പ്രോജക്റ്റുകളിൽ തീയതി ഫോർമാറ്റിംഗ് ഫലപ്രദമായി കൈകാര്യം ചെയ്യാനുള്ള അറിവ് നിങ്ങൾക്ക് ലഭിക്കും.

ജാവാസ്ക്രിപ്റ്റിൽ തീയതി ഫോർമാറ്റിംഗ് സ്ക്രിപ്റ്റുകൾ മനസ്സിലാക്കുന്നു

നൽകിയിരിക്കുന്ന സ്ക്രിപ്റ്റുകൾ ഒരു JavaScript ഫോർമാറ്റ് ചെയ്യുന്നതെങ്ങനെയെന്ന് കാണിക്കുന്നു Date ആവശ്യമുള്ള ഫോർമാറ്റിൽ "10-Aug-2010" ഒരു സ്ട്രിംഗിലേക്ക് ഒബ്ജക്റ്റ് നൽകുക. ഫ്രണ്ട്എൻഡ് സ്ക്രിപ്റ്റ് ഉപയോഗിക്കുന്നു toLocaleDateString രീതി, പ്രാദേശിക-നിർദ്ദിഷ്‌ട കൺവെൻഷനുകൾ അനുസരിച്ച് തീയതി ഫോർമാറ്റ് ചെയ്യുകയും അത് ഒരു സ്ട്രിംഗായി നൽകുകയും ചെയ്യുന്നു. ഈ രീതി വളരെ വൈവിധ്യമാർന്നതാണ്, വിവിധ ഫോർമാറ്റിംഗ് ഓപ്ഷനുകൾ വ്യക്തമാക്കാൻ ഡവലപ്പർമാരെ അനുവദിക്കുന്നു. ഈ സാഹചര്യത്തിൽ, ദിവസം, ചുരുക്കിയ മാസം, നാലക്ക വർഷം എന്നിവ ലഭിക്കാൻ {ദിവസം: '2-അക്ക', മാസം: 'ഹ്രസ്വ', വർഷം: 'സംഖ്യാ' } ഓപ്‌ഷനുകൾ ഞങ്ങൾ ഉപയോഗിക്കുന്നു. ദി replace സ്‌പെയ്‌സുകളെ ഹൈഫനുകൾ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നതിനും അവസാനമായി ആവശ്യമുള്ള ഫോർമാറ്റ് നേടുന്നതിനും രീതി ഉപയോഗിക്കുന്നു. നൽകിയിരിക്കുന്ന ഉദാഹരണം എങ്ങനെ സൃഷ്ടിക്കാമെന്ന് കാണിക്കുന്നു Date 2010 ഓഗസ്റ്റ് 10-ന് ഒബ്ജക്റ്റ് ചെയ്യുക, ഫംഗ്ഷൻ ഉപയോഗിച്ച് അത് ശരിയായി ഫോർമാറ്റ് ചെയ്യുക.

ബാക്കെൻഡ് സ്ക്രിപ്റ്റ് സ്വാധീനിക്കുന്നു 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'), അത് നേരിട്ട് ആവശ്യമുള്ള ഫോർമാറ്റ് നിർമ്മിക്കുന്നു. അടിസ്ഥാന ആവശ്യങ്ങൾക്ക് നേറ്റീവ് രീതികൾ അനുയോജ്യമാണെങ്കിലും, വിപുലമായ തീയതി കൃത്രിമത്വവും ഫോർമാറ്റിംഗ് കഴിവുകളും ആവശ്യമുള്ള ആപ്ലിക്കേഷനുകൾക്ക് ഈ ലൈബ്രറികൾ വിലമതിക്കാനാവാത്തതാണ്.