جاوا اسکرپٹ میں تاریخ کی فارمیٹنگ میں مہارت حاصل کرنا
JavaScript میں تاریخوں کی فارمیٹنگ ڈویلپرز کے لیے ایک عام ضرورت ہے۔ چاہے آپ یوزر انٹرفیس بنا رہے ہوں یا بیک اینڈ ڈیٹا کے ساتھ کام کر رہے ہوں، تاریخوں کی نمائندگی انسانی پڑھنے کے قابل فارمیٹ میں ضروری ہے۔ JavaScript تاریخوں کو فارمیٹ کرنے کے متعدد طریقے فراہم کرتا ہے، جو اسے مختلف ایپلی کیشنز کے لیے ایک ورسٹائل انتخاب بناتا ہے۔
اس گائیڈ میں، ہم جاوا اسکرپٹ ڈیٹ آبجیکٹ کو سٹرنگ کے طور پر فارمیٹ کرنے کا طریقہ تلاش کریں گے، خاص طور پر اس فارمیٹ میں: 10-Aug-2010۔ اس ٹیوٹوریل کے اختتام تک، آپ اپنے JavaScript پروجیکٹس میں تاریخ کی فارمیٹنگ کو مؤثر طریقے سے سنبھالنے کے لیے علم سے لیس ہو جائیں گے۔
کمانڈ | تفصیل |
---|---|
toLocaleDateString | کسی تاریخ کو مقامی طور پر مخصوص کنونشنز کے مطابق فارمیٹ کرتا ہے اور اسے سٹرنگ کے طور پر لوٹاتا ہے۔ |
replace | کسی پیٹرن کے کچھ یا تمام مماثلتوں کے ساتھ ایک نیا سٹرنگ لوٹاتا ہے جس کی جگہ متبادل ہے۔ |
require | Node.js میں ماڈیول درآمد کرتا ہے، جیسے کہ سرور بنانے کے لیے 'ایکسپریس'۔ |
express | ایک ایکسپریس ایپلیکیشن کی مثال بناتا ہے، جو ویب سرور بنانے کے لیے استعمال ہوتی ہے۔ |
app.get | ایک مخصوص راستے پر GET درخواستوں کے لیے روٹ ہینڈلر کی وضاحت کرتا ہے۔ |
app.listen | ایک مخصوص پورٹ پر سرور شروع کرتا ہے اور کنکشن سنتا ہے۔ |
جاوا اسکرپٹ میں تاریخ فارمیٹنگ اسکرپٹ کو سمجھنا
فراہم کردہ سکرپٹ جاوا اسکرپٹ کو فارمیٹ کرنے کا طریقہ بتاتے ہیں۔ 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
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}`);
});
جاوا اسکرپٹ میں ایڈوانسڈ ڈیٹ فارمیٹنگ تکنیک
استعمال کرنے سے آگے toLocaleDateString اور بنیادی سٹرنگ کی تبدیلی، JavaScript تاریخ کی فارمیٹنگ کے لیے مختلف دیگر طریقے پیش کرتا ہے، جو ڈویلپرز کے لیے زیادہ لچک فراہم کرتا ہے۔ ایسا ہی ایک طریقہ ہے۔ Intl.DateTimeFormat, ECMAScript Internationalization API کے ساتھ متعارف کرایا گیا ایک طاقتور ٹول، جو تاریخوں اور اوقات کے فارمیٹ پر عمدہ کنٹرول کی اجازت دیتا ہے۔ دی Intl.DateTimeFormat آبجیکٹ ڈویلپرز کو مقامی اور فارمیٹنگ کے اختیارات کی وضاحت کرنے کے قابل بناتا ہے، مختلف ماحول میں مسلسل نتائج پیدا کرتے ہیں۔ یہ طریقہ خاص طور پر مفید ہے جب متعدد لوکیلز یا اپنی مرضی کے مطابق تاریخ اور وقت کے فارمیٹس کے ساتھ کام کرتے ہیں جو براہ راست تعاون یافتہ نہیں ہیں۔ toLocaleDateString.
غور کرنے کا ایک اور نقطہ نظر لائبریریوں کا استعمال کرنا ہے۔ moment.js یا date-fns. یہ لائبریریاں تاریخوں میں ہیرا پھیری اور فارمیٹنگ کے لیے ٹولز کا ایک زیادہ جامع سیٹ فراہم کرتی ہیں، پیچیدہ تاریخ کے کاموں کو آسان بناتی ہیں۔ مثال کے طور پر، moment.js آپ کو ایک سادہ اور بدیہی نحو کا استعمال کرتے ہوئے تاریخوں کو فارمیٹ کرنے کی اجازت دیتا ہے، جیسے moment(date).format('DD-MMM-YYYY')، جو براہ راست مطلوبہ شکل تیار کرتا ہے۔ اگرچہ مقامی طریقے بنیادی ضروریات کے لیے موزوں ہیں، لیکن یہ لائبریریاں ان ایپلی کیشنز کے لیے انمول ہیں جن میں تاریخ کی وسیع ہیرا پھیری اور فارمیٹنگ کی صلاحیتوں کی ضرورت ہوتی ہے۔
جاوا اسکرپٹ ڈیٹ فارمیٹنگ کے بارے میں عام سوالات
- میں کسی تاریخ کو کسی دوسرے مقام پر کیسے فارمیٹ کروں؟
- کا استعمال کرتے ہیں toLocaleDateString ایک مخصوص مقام کے ساتھ طریقہ، جیسے date.toLocaleDateString('fr-FR').
- کیا میں کسی Date آبجیکٹ کے صرف وقت کا حصہ فارمیٹ کر سکتا ہوں؟
- جی ہاں، استعمال کریں toLocaleTimeString وقت کے حصے کو فارمیٹ کرنے کے لیے۔
- استعمال کرنے کا کیا فائدہ Intl.DateTimeFormat?
- یہ مختلف مقامات پر تاریخ اور وقت کی فارمیٹنگ پر زیادہ کنٹرول پیش کرتا ہے۔
- میں کسی تاریخ آبجیکٹ سے مہینے کا نام کیسے حاصل کرسکتا ہوں؟
- استعمال کریں۔ toLocaleString اختیارات کے ساتھ، جیسے date.toLocaleString('en-US', { month: 'long' }).
- ہے moment.js تاریخ فارمیٹنگ کے لیے اب بھی ایک اچھا انتخاب ہے؟
- جبکہ moment.js فرسودہ ہے، یہ اب بھی وسیع پیمانے پر استعمال ہوتا ہے۔ جیسے متبادل پر غور کریں۔ date-fns.
- میں ڈیٹ آبجیکٹ میں دن کیسے شامل کروں؟
- استعمال کریں۔ date.setDate(date.getDate() + numberOfDays).
- کیا میں کسی تاریخ کو ISO سٹرنگ کے طور پر فارمیٹ کر سکتا ہوں؟
- جی ہاں، استعمال کریں date.toISOString() ISO فارمیٹ کے لیے۔
- جاوا اسکرپٹ میں ڈیفالٹ ڈیٹ فارمیٹ کیا ہے؟
- پہلے سے طے شدہ طور پر، toString فارمیٹ میں تاریخ واپس کرتا ہے۔ 'Wed Jun 25 2024 12:00:00 GMT+0000 (Coordinated Universal Time)'.
- میں جاوا اسکرپٹ میں دو تاریخوں کا موازنہ کیسے کروں؟
- موازنہ آپریٹرز کا استعمال کریں، جیسے date1.getTime() === date2.getTime().
جاوا اسکرپٹ میں تاریخ کی فارمیٹنگ کو لپیٹنا
جاوا اسکرپٹ میں تاریخوں کو صحیح طریقے سے فارمیٹ کرنے سے صارف کے تجربے میں اضافہ ہوتا ہے اور ڈیٹا کی نمائندگی میں مستقل مزاجی کو یقینی بنایا جاتا ہے۔ اس مضمون نے فرنٹ اینڈ اور بیک اینڈ دونوں حل فراہم کیے، کے استعمال کا مظاہرہ کیا۔ toLocaleDateString, replace، اور Intl.DateTimeFormat. ان طریقوں اور ٹولز کا فائدہ اٹھا کر، ڈویلپر مطلوبہ تاریخ کی شکل آسانی سے حاصل کر سکتے ہیں۔ جیسے لائبریریوں کا استعمال moment.js اور date-fns تاریخ کی پیچیدہ ہیرا پھیری کو مزید آسان بناتا ہے، جاوا اسکرپٹ کو تاریخ کی فارمیٹنگ کے کاموں کو سنبھالنے کے لیے ایک مضبوط انتخاب بناتا ہے۔