જાવાસ્ક્રિપ્ટમાં તારીખોનું ફોર્મેટિંગ: તારીખ ઑબ્જેક્ટને સ્ટ્રિંગમાં કેવી રીતે કન્વર્ટ કરવું

JavaScript માં તારીખ ફોર્મેટિંગ માસ્ટરિંગ

JavaScript માં તારીખોનું ફોર્મેટિંગ એ વિકાસકર્તાઓ માટે સામાન્ય જરૂરિયાત છે. ભલે તમે વપરાશકર્તા ઈન્ટરફેસ બનાવી રહ્યાં હોવ અથવા બેકએન્ડ ડેટા સાથે કામ કરી રહ્યાં હોવ, માનવ-વાંચી શકાય તેવા ફોર્મેટમાં તારીખોનું પ્રતિનિધિત્વ કરવું આવશ્યક છે. JavaScript તારીખોને ફોર્મેટ કરવાની બહુવિધ રીતો પ્રદાન કરે છે, જે તેને વિવિધ એપ્લિકેશનો માટે બહુમુખી પસંદગી બનાવે છે.

આ માર્ગદર્શિકામાં, અમે જાવાસ્ક્રિપ્ટ તારીખ ઑબ્જેક્ટને સ્ટ્રિંગ તરીકે કેવી રીતે ફોર્મેટ કરવું તે શોધીશું, ખાસ કરીને ફોર્મેટમાં: 10-Aug-2010. આ ટ્યુટોરીયલના અંત સુધીમાં, તમે તમારા JavaScript પ્રોજેક્ટ્સમાં તારીખ ફોર્મેટિંગને અસરકારક રીતે હેન્ડલ કરવા માટેના જ્ઞાનથી સજ્જ થઈ જશો.

JavaScript માં તારીખ ફોર્મેટિંગ સ્ક્રિપ્ટ્સને સમજવું

પૂરી પાડવામાં આવેલ સ્ક્રિપ્ટો JavaScript ને કેવી રીતે ફોર્મેટ કરવી તે દર્શાવે છે Date ઇચ્છિત ફોર્મેટ "10-Aug-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 અને મૂળભૂત સ્ટ્રિંગ રિપ્લેસમેન્ટ, JavaScript તારીખ ફોર્મેટિંગ માટે અન્ય વિવિધ પદ્ધતિઓ પ્રદાન કરે છે, વિકાસકર્તાઓ માટે વધુ સુગમતા પૂરી પાડે છે. આવી એક પદ્ધતિ છે Intl.DateTimeFormat, ECMAScript ઇન્ટરનેશનલાઇઝેશન API સાથે રજૂ કરાયેલ એક શક્તિશાળી સાધન, જે તારીખો અને સમયના ફોર્મેટ પર ઝીણવટપૂર્વક નિયંત્રણ માટે પરવાનગી આપે છે. આ Intl.DateTimeFormat ઑબ્જેક્ટ વિકાસકર્તાઓને લોકેલ અને ફોર્મેટિંગ વિકલ્પોનો ઉલ્લેખ કરવા માટે સક્ષમ કરે છે, વિવિધ વાતાવરણમાં સુસંગત પરિણામો ઉત્પન્ન કરે છે. આ પદ્ધતિ ખાસ કરીને ઉપયોગી છે જ્યારે બહુવિધ લોકેલ અથવા કસ્ટમ તારીખ અને સમય ફોર્મેટ્સ સાથે કામ કરે છે જે સીધા સપોર્ટેડ નથી toLocaleDateString.

ધ્યાનમાં લેવાનો બીજો અભિગમ પુસ્તકાલયોનો ઉપયોગ કરી રહ્યો છે moment.js અથવા date-fns. આ પુસ્તકાલયો તારીખોની હેરફેર અને ફોર્મેટ કરવા, જટિલ તારીખ કામગીરીને સરળ બનાવવા માટેના સાધનોનો વધુ વ્યાપક સમૂહ પ્રદાન કરે છે. દાખલા તરીકે, moment.js તમને સરળ અને સાહજિક વાક્યરચનાનો ઉપયોગ કરીને તારીખોને ફોર્મેટ કરવાની મંજૂરી આપે છે, જેમ કે moment(date).format('DD-MMM-YYYY'), જે સીધું ઇચ્છિત ફોર્મેટ બનાવે છે. જ્યારે મૂળ પદ્ધતિઓ મૂળભૂત જરૂરિયાતો માટે યોગ્ય છે, ત્યારે આ પુસ્તકાલયો એપ્લિકેશનો માટે અમૂલ્ય છે જેમાં વ્યાપક તારીખની હેરફેર અને ફોર્મેટિંગ ક્ષમતાઓ જરૂરી છે.