جب صارفین کو تاریخ درج کرنے کی ضرورت ہوتی ہے، تو ڈویلپرز ان پٹ قسم کی تاریخ کی پہلے سے طے شدہ/ڈیفالٹ قدر کو موجودہ/آج کی تاریخ پر سیٹ کرتے ہیں۔ اب، صارف کو تاریخ دستی طور پر درج کرنے کی ضرورت نہیں ہے لہذا اس لحاظ سے یہ صارف کے لیے وقت اور محنت کی بچت کرتا ہے۔ مزید یہ کہ یہ صارف کے تجربے، ڈیٹا کی درستگی کو بڑھاتا ہے اور صارفین کو مزید سہولت فراہم کرتا ہے۔ اس میں مختلف ایپلی کیشنز ہیں جیسے ایونٹ مینجمنٹ سسٹم، بکنگ سسٹم وغیرہ۔
یہ بلاگ دکھاتا ہے کہ ان پٹ قسم کی تاریخ کی ڈیفالٹ قدر کو آج پر کیسے سیٹ کیا جائے:
- 'valueAsDate' پراپرٹی کا استعمال
- 'toISOSstring()' طریقہ استعمال کرنا
- 'getFullYear()' اور 'padStart()' طریقے استعمال کرنا
طریقہ 1: 'valueAsDate' پراپرٹی کا استعمال
' valueAsDate 'پراپرٹی کو موجودہ تاریخ کو حاصل کرنے کے لیے استعمال کیا جاتا ہے' تاریخ () فنکشن اس فنکشن کا استعمال کسی تاریخ پر مختلف کارروائیوں کو انجام دینے کے لیے کیا جاتا ہے اور جیسے کہ موجودہ تاریخ حاصل کرنا، ایک مخصوص تاریخ طے کرنا، تاریخوں میں ہیرا پھیری کرنا وغیرہ۔
بہتر تفہیم کے لیے درج ذیل کوڈ پر جائیں:
< جسم >
< div >
< لیبل کے لیے = 'آج کی تاریخ' > تاریخ ہے۔ لیبل >< ان پٹ قسم = 'تاریخ'
آئی ڈی = 'آج کی تاریخ' >
div >
< سکرپٹ >
document.getElementById ( 'آج کی تاریخ' ) .valueAsDate = نئی تاریخ ( ) ;
سکرپٹ >
جسم >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، ' 'ٹیگ بنا ہوا ہے' قسم 'اور' آئی ڈی 'صفات سیٹ' ڈیٹا 'اور' آج کی تاریخ 'بالترتیب. یہ ' ' ٹیگ پورے بلاگ میں استعمال ہونے والا ہے۔
- اگلا، اندر ' HTML عنصر کو ٹیگ کریں جس کی ایک id ہے آج کی تاریخ ' کا استعمال کرتے ہوئے منتخب کیا جاتا ہے getElementById() 'طریقہ.
- اس کے بعد، ' valueAsDate 'پراپرٹی کو تفویض کیا جاتا ہے اور ایک نئی مثال کے طور پر ذخیرہ کیا جاتا ہے' تاریخ () 'کنسٹرکٹر۔
مندرجہ بالا کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، ویب صفحہ اس طرح نظر آتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ ان پٹ قسم کے ڈیٹا میں موجودہ/آج کی تاریخ پر ڈیفالٹ ویلیو سیٹ ہوتی ہے۔
طریقہ 2: 'toISOSstring()' طریقہ استعمال کرنا
پہلے سے طے شدہ آج کی قیمت مقرر کرنے کے لیے ' ان پٹ آج/موجودہ تاریخ کا عنصر۔ ' toISOSstring() ” طریقہ بھی استعمال کیا جا سکتا ہے، بہتر وضاحت کے لیے نیچے کوڈ کے ٹکڑوں پر جائیں:
< سکرپٹ >const today = نئی تاریخ ( ) .toISOSstring ( ) .substr ( 0 , 10 ) ;
document.getElementById ( 'آج کی تاریخ' ) قدر = آج
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، کی نئی مثال ' تاریخ () کنسٹرکٹر بنایا گیا ہے۔ اس کے بعد، تاریخ کی مثال کو 'میں تبدیل کریں آئی ایس او 'معیاری کا استعمال کرتے ہوئے' toISOSstring() 'طریقہ.
- اگلا، استعمال کریں ' substr() 'کے انڈیکس نمبر لینے کا طریقہ' 0 'اور' 10 'پیرامیٹر کے طور پر۔ اس کے بعد، یہ ' سے شروع ہونے والا نتیجہ دکھاتا ہے 0 'اشاریہ' 10 'انڈیکس.
مندرجہ بالا طریقہ کار کے نفاذ کے بعد، ویب صفحہ اس طرح ظاہر ہوتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ ان پٹ قسم کے ڈیٹا میں موجودہ/آج کی تاریخ پر ڈیفالٹ ویلیو سیٹ ہوتی ہے۔
طریقہ 3: 'getFullYear()' اور 'padStart()' طریقے استعمال کرنا
اس سیکشن میں، ' getFullYear() ' طریقہ موجودہ تاریخ کو نکالتا ہے۔ ' پاتھ اسٹارٹ() 'طریقہ استعمال کیا جاتا ہے جو فارمیٹنگ میں مدد کرتا ہے' تاریخ 'فارمیٹ جو ٹارگٹڈ پر دکھایا جائے گا' ان پٹ عنصر:
< سکرپٹ >const موجودہ = نئی تاریخ ( ) ;
const current-year = current.getFullYear ( ) ;
const current-month = سٹرنگ ( current.getMonth ( ) + 1 ) .padStart ( 2 , '0' ) ;
const current-day = سٹرنگ ( current.getDate ( ) ) .padStart ( 2 , '0' ) ;
const formattedDate = ` ${موجودہ سال} - ${موجودہ مہینہ} - ${موجودہ دن} ` ;
const myDateInput = document.getElementById ( 'myDate' ) ;
myDateInput.value = formattedDate;
سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں کی تفصیل بلٹ پوائنٹس میں بیان کی گئی ہے:
- سب سے پہلے، متغیر کی ایک مستقل قسم بنائیں جو 'کے آبجیکٹ کو اسٹور کرتا ہے۔ تاریخ () 'نام کے ساتھ کنسٹرکٹر' موجودہ '
- اگلا، استعمال کریں ' getFullYear() 'کے ساتھ طریقہ' موجودہ متغیر کریں اور اسے ایک نئے متغیر میں محفوظ کریں جس کا نام ہے موجودہ سال '
- پھر، پاس کریں ' getMonth() 'طریقہ اور مہینے کے اندر 1 سے 12 تک شروع کرنے کے لیے ایک نمبر شامل کریں' سٹرنگ() 'کنسٹرکٹر۔ 'کا استعمال کرکے دو حروف کی پیڈنگ بھی فراہم کریں پاتھ اسٹارٹ(2، 0) ' اور اسے ایک نئے بنائے گئے متغیر میں رکھیں جس کا نام ہے ' موجودہ مہینہ '
- اگلا، 'کا استعمال کرتے ہوئے موجودہ تاریخ حاصل کرنے کے لئے اسی عمل کی پیروی کریں getDate() 'طریقہ اور اسے میں ذخیرہ کریں' آج کا دن متغیر
کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، ہر معاملے میں ویب صفحہ اس طرح ظاہر ہوتا ہے:
آؤٹ پٹ سے پتہ چلتا ہے کہ ان پٹ قسم کے ڈیٹا میں موجودہ/آج کی تاریخ پر ڈیفالٹ ویلیو سیٹ ہوتی ہے۔
نتیجہ
ان پٹ ٹائپ ڈیٹ ڈیفالٹ ویلیو کو آج/موجودہ تاریخ پر سیٹ کرنے کے لیے، ' valueAsDate 'جائیداد،' toISOSstring() 'اور' getFullYear() 'طریقوں کو استعمال کیا جا سکتا ہے. 'valueAsDate' پراپرٹی کی صورت میں، صرف ' تاریخ () 'کنسٹرکٹر کی ضرورت ہے جب کہ' کے معاملے میں toISOSstring() 'طریقے' substr() ” طریقہ تاریخ کا صرف ایک مخصوص حصہ حاصل کرنے کے لیے استعمال کیا جاتا ہے۔ یہ بلاگ دکھاتا ہے کہ ان پٹ ٹائپ ڈیٹ ڈیفالٹ ویلیو کو آج/موجودہ پر کیسے سیٹ کیا جائے۔