JavaScript માં તારીખ ફોર્મેટિંગ માસ્ટરિંગ
JavaScript માં તારીખોનું ફોર્મેટિંગ એ વિકાસકર્તાઓ માટે સામાન્ય જરૂરિયાત છે. ભલે તમે વપરાશકર્તા ઈન્ટરફેસ બનાવી રહ્યાં હોવ અથવા બેકએન્ડ ડેટા સાથે કામ કરી રહ્યાં હોવ, માનવ-વાંચી શકાય તેવા ફોર્મેટમાં તારીખોનું પ્રતિનિધિત્વ કરવું આવશ્યક છે. JavaScript તારીખોને ફોર્મેટ કરવાની બહુવિધ રીતો પ્રદાન કરે છે, જે તેને વિવિધ એપ્લિકેશનો માટે બહુમુખી પસંદગી બનાવે છે.
આ માર્ગદર્શિકામાં, અમે જાવાસ્ક્રિપ્ટ તારીખ ઑબ્જેક્ટને સ્ટ્રિંગ તરીકે કેવી રીતે ફોર્મેટ કરવું તે શોધીશું, ખાસ કરીને ફોર્મેટમાં: 10-Aug-2010. આ ટ્યુટોરીયલના અંત સુધીમાં, તમે તમારા JavaScript પ્રોજેક્ટ્સમાં તારીખ ફોર્મેટિંગને અસરકારક રીતે હેન્ડલ કરવા માટેના જ્ઞાનથી સજ્જ થઈ જશો.
આદેશ | વર્ણન |
---|---|
toLocaleDateString | લોકેલ-વિશિષ્ટ સંમેલનો અનુસાર તારીખને ફોર્મેટ કરે છે અને તેને સ્ટ્રિંગ તરીકે પરત કરે છે. |
replace | રિપ્લેસમેન્ટ દ્વારા બદલાયેલ પેટર્નના કેટલાક અથવા બધા મેળ સાથે નવી સ્ટ્રિંગ પરત કરે છે. |
require | Node.js માં મોડ્યુલો આયાત કરે છે, જેમ કે સર્વર બનાવવા માટે 'express'. |
express | એક્સપ્રેસ એપ્લિકેશનનો દાખલો બનાવે છે, જેનો ઉપયોગ વેબ સર્વર્સ બનાવવા માટે થાય છે. |
app.get | ઉલ્લેખિત પાથ માટે GET વિનંતીઓ માટે રૂટ હેન્ડલર વ્યાખ્યાયિત કરે છે. |
app.listen | નિર્દિષ્ટ પોર્ટ પર સર્વર શરૂ કરે છે અને જોડાણો સાંભળે છે. |
JavaScript માં તારીખ ફોર્મેટિંગ સ્ક્રિપ્ટ્સને સમજવું
પૂરી પાડવામાં આવેલ સ્ક્રિપ્ટો JavaScript ને કેવી રીતે ફોર્મેટ કરવી તે દર્શાવે છે ઇચ્છિત ફોર્મેટ "10-Aug-2010" માં શબ્દમાળામાં ઑબ્જેક્ટ કરો. ફ્રન્ટએન્ડ સ્ક્રિપ્ટનો ઉપયોગ કરે છે પદ્ધતિ, જે લોકેલ-વિશિષ્ટ સંમેલનો અનુસાર તારીખને ફોર્મેટ કરે છે અને તેને સ્ટ્રિંગ તરીકે પરત કરે છે. આ પદ્ધતિ અત્યંત સર્વતોમુખી છે, જે વિકાસકર્તાઓને વિવિધ ફોર્મેટિંગ વિકલ્પોનો ઉલ્લેખ કરવાની મંજૂરી આપે છે. આ કિસ્સામાં, દિવસ, સંક્ષિપ્ત મહિનો અને ચાર-અંકનું વર્ષ મેળવવા માટે અમે વિકલ્પો { દિવસ: '2-અંક', મહિનો: 'શોર્ટ', વર્ષ: 'સંખ્યાત્મક' }નો ઉપયોગ કરીએ છીએ. આ પછી પદ્ધતિનો ઉપયોગ હાઇફન્સ સાથે સ્પેસ બદલવા માટે થાય છે, જે અંતિમ ઇચ્છિત ફોર્મેટ હાંસલ કરે છે. આપેલ ઉદાહરણ દર્શાવે છે કે કેવી રીતે બનાવવું Date ઑગસ્ટ 10, 2010 માટે ઑબ્જેક્ટ કરો અને ફંક્શનનો ઉપયોગ કરીને તેને યોગ્ય રીતે ફોર્મેટ કરો.
બેકએન્ડ સ્ક્રિપ્ટનો લાભ લે છે અને ફ્રેમવર્ક એક સરળ સર્વર બનાવવા માટે કે જે તારીખને ફોર્મેટ કરે છે અને તેને પ્રતિભાવ તરીકે મોકલે છે. આ આદેશનો ઉપયોગ જરૂરી મોડ્યુલો આયાત કરવા માટે થાય છે. આ express ફંક્શન એક્સપ્રેસ એપ્લિકેશનને પ્રારંભ કરે છે, અને GET વિનંતીઓ માટે રૂટ હેન્ડલર વ્યાખ્યાયિત કરે છે. આ હેન્ડલરની અંદર, ધ ફંક્શનને તારીખને ફોર્મેટ કરવા માટે કહેવામાં આવે છે, અને ફોર્મેટ કરેલી તારીખનો ઉપયોગ કરીને પ્રતિસાદ તરીકે મોકલવામાં આવે છે . છેવટે, app.listen નિર્દિષ્ટ પોર્ટ પર સર્વરને શરૂ કરે છે અને આવનારા જોડાણો સાંભળે છે. આ સ્ક્રિપ્ટ બતાવે છે કે કેવી રીતે તારીખ ફોર્મેટિંગ સર્વર-સાઇડ એપ્લિકેશનમાં એકીકૃત કરી શકાય છે, ફોર્મેટ કરેલી તારીખોને ગતિશીલ રીતે સેવા આપવા માટે પરવાનગી આપે છે.
JavaScript માં તારીખ ઑબ્જેક્ટને સ્ટ્રિંગમાં ફોર્મેટ કરવું
જાવાસ્ક્રિપ્ટ ફ્રન્ટએન્ડ સ્ક્રિપ્ટ
// 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}`);
});
જાવાસ્ક્રિપ્ટમાં અદ્યતન તારીખ ફોર્મેટિંગ તકનીકો
ઉપયોગ ઉપરાંત અને મૂળભૂત સ્ટ્રિંગ રિપ્લેસમેન્ટ, JavaScript તારીખ ફોર્મેટિંગ માટે અન્ય વિવિધ પદ્ધતિઓ પ્રદાન કરે છે, વિકાસકર્તાઓ માટે વધુ સુગમતા પૂરી પાડે છે. આવી એક પદ્ધતિ છે , ECMAScript ઇન્ટરનેશનલાઇઝેશન API સાથે રજૂ કરાયેલ એક શક્તિશાળી સાધન, જે તારીખો અને સમયના ફોર્મેટ પર ઝીણવટપૂર્વક નિયંત્રણ માટે પરવાનગી આપે છે. આ ઑબ્જેક્ટ વિકાસકર્તાઓને લોકેલ અને ફોર્મેટિંગ વિકલ્પોનો ઉલ્લેખ કરવા માટે સક્ષમ કરે છે, વિવિધ વાતાવરણમાં સુસંગત પરિણામો ઉત્પન્ન કરે છે. આ પદ્ધતિ ખાસ કરીને ઉપયોગી છે જ્યારે બહુવિધ લોકેલ અથવા કસ્ટમ તારીખ અને સમય ફોર્મેટ્સ સાથે કામ કરે છે જે સીધા સપોર્ટેડ નથી toLocaleDateString.
ધ્યાનમાં લેવાનો બીજો અભિગમ પુસ્તકાલયોનો ઉપયોગ કરી રહ્યો છે અથવા . આ પુસ્તકાલયો તારીખોની હેરફેર અને ફોર્મેટ કરવા, જટિલ તારીખ કામગીરીને સરળ બનાવવા માટેના સાધનોનો વધુ વ્યાપક સમૂહ પ્રદાન કરે છે. દાખલા તરીકે, તમને સરળ અને સાહજિક વાક્યરચનાનો ઉપયોગ કરીને તારીખોને ફોર્મેટ કરવાની મંજૂરી આપે છે, જેમ કે moment(date).format('DD-MMM-YYYY'), જે સીધું ઇચ્છિત ફોર્મેટ બનાવે છે. જ્યારે મૂળ પદ્ધતિઓ મૂળભૂત જરૂરિયાતો માટે યોગ્ય છે, ત્યારે આ પુસ્તકાલયો એપ્લિકેશનો માટે અમૂલ્ય છે જેમાં વ્યાપક તારીખની હેરફેર અને ફોર્મેટિંગ ક્ષમતાઓ જરૂરી છે.
- હું તારીખને અલગ લોકેલમાં કેવી રીતે ફોર્મેટ કરી શકું?
- નો ઉપયોગ કરો ઉલ્લેખિત લોકેલ સાથેની પદ્ધતિ, જેમ કે .
- શું હું તારીખ ઑબ્જેક્ટના માત્ર સમયના ભાગને ફોર્મેટ કરી શકું?
- હા, ઉપયોગ કરો સમયના ભાગને ફોર્મેટ કરવા માટે.
- ઉપયોગ કરવાથી શું ફાયદો થાય છે ?
- તે વિવિધ લોકેલમાં તારીખ અને સમય ફોર્મેટિંગ પર વધુ નિયંત્રણ આપે છે.
- હું તારીખ ઑબ્જેક્ટમાંથી મહિનાનું નામ કેવી રીતે મેળવી શકું?
- વાપરવુ વિકલ્પો સાથે, જેમ કે .
- છે તારીખ ફોર્મેટિંગ માટે હજુ પણ સારી પસંદગી છે?
- જ્યારે નાપસંદ છે, તે હજુ પણ વ્યાપકપણે ઉપયોગમાં લેવાય છે. જેવા વિકલ્પોનો વિચાર કરો .
- હું તારીખ ઑબ્જેક્ટમાં દિવસો કેવી રીતે ઉમેરી શકું?
- વાપરવુ .
- શું હું તારીખને ISO સ્ટ્રિંગ તરીકે ફોર્મેટ કરી શકું?
- હા, ઉપયોગ કરો ISO ફોર્મેટ માટે.
- JavaScript માં ડિફૉલ્ટ તારીખ ફોર્મેટ શું છે?
- મૂળભૂત રીતે, ફોર્મેટમાં તારીખ પરત કરે છે .
- હું JavaScript માં બે તારીખોની સરખામણી કેવી રીતે કરી શકું?
- સરખામણી ઓપરેટરોનો ઉપયોગ કરો, જેમ કે .
JavaScript માં તારીખોને યોગ્ય રીતે ફોર્મેટ કરવાથી વપરાશકર્તાના અનુભવમાં વધારો થાય છે અને ડેટાની રજૂઆતમાં સુસંગતતા સુનિશ્ચિત થાય છે. આ લેખ ફ્રન્ટ એન્ડ અને બેકએન્ડ સોલ્યુશન્સ બંને પ્રદાન કરે છે, તેનો ઉપયોગ દર્શાવે છે , , અને . આ પદ્ધતિઓ અને સાધનોનો ઉપયોગ કરીને, વિકાસકર્તાઓ ઇચ્છિત તારીખ ફોર્મેટ વિના પ્રયાસે હાંસલ કરી શકે છે. જેવી પુસ્તકાલયોનો ઉપયોગ કરવો moment.js અને તારીખ ફોર્મેટિંગ કાર્યોને હેન્ડલ કરવા માટે જાવાસ્ક્રિપ્ટને મજબૂત પસંદગી બનાવે છે, જટિલ તારીખ મેનિપ્યુલેશન્સને વધુ સરળ બનાવે છે.