آج کی تاریخ اور جاوا اسکرپٹ یا JQuery کے ساتھ فارم فیلڈ کو کیسے تیار کریں
اگرچہ بہت سے حل ہر فارم کے اندراج کے ساتھ تاریخ کو ذخیرہ کرنے کا موقع فراہم کرتے ہیں، دوسری بار ایسے ہوتے ہیں جب یہ آپشن نہیں ہوتا ہے۔ ہم اپنے کلائنٹس کی حوصلہ افزائی کرتے ہیں کہ وہ اپنی سائٹ پر ایک پوشیدہ فیلڈ شامل کریں اور اس معلومات کو اندراج کے ساتھ پاس کریں تاکہ وہ ٹریک کر سکیں کہ فارم کے اندراجات کب داخل ہوتے ہیں۔ جاوا اسکرپٹ کا استعمال کرنا، یہ آسان ہے۔
آج کی تاریخ اور جاوا اسکرپٹ کے ساتھ فارم فیلڈ کو کیسے تیار کریں۔
<!DOCTYPE html>
<html>
<head>
<title>Date Prepopulation with JavaScript</title>
</head>
<body>
<form>
<!-- Hidden field for the date -->
<input type="hidden" id="hiddenDateField" name="hiddenDateField">
</form>
<script>
// Function to get today's date in the desired format
function getFormattedDate() {
const today = new Date();
const formattedDate = today.toLocaleDateString('en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
});
return formattedDate;
}
// Use JavaScript to set the value of the hidden field to today's date
document.getElementById('hiddenDateField').value = getFormattedDate();
</script>
</body>
</html>
آئیے فراہم کردہ ایچ ٹی ایم ایل اور جاوا اسکرپٹ کوڈ کو مرحلہ وار توڑتے ہیں:
<!DOCTYPE html>
اور<html>
: یہ معیاری HTML دستاویز کے اعلانات ہیں جو بتاتے ہیں کہ یہ ایک HTML5 دستاویز ہے۔<head>
: اس حصے کو عام طور پر دستاویز کے بارے میں میٹا ڈیٹا شامل کرنے کے لیے استعمال کیا جاتا ہے، جیسے کہ ویب صفحہ کا عنوان، جو<title>
عنصر<title>
: یہ ویب پیج کے عنوان کو "جاوا اسکرپٹ کے ساتھ تاریخ کی تیاری" پر سیٹ کرتا ہے۔<body>
: یہ ویب پیج کا مرکزی مواد کا علاقہ ہے جہاں آپ مرئی مواد اور یوزر انٹرفیس عناصر کو رکھتے ہیں۔<form>
: ایک فارم عنصر جو ان پٹ فیلڈز پر مشتمل ہو سکتا ہے۔ اس صورت میں، اس کا استعمال پوشیدہ ان پٹ فیلڈ پر مشتمل ہے جو آج کی تاریخ کے ساتھ آباد ہوگا۔<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: یہ ایک پوشیدہ ان پٹ فیلڈ ہے۔ یہ صفحہ پر ظاہر نہیں ہوتا ہے لیکن ڈیٹا اسٹور کر سکتا ہے۔ اسے "hiddenDateField" کی ایک ID اور JavaScript میں شناخت اور استعمال کے لیے "hiddenDateField" کا نام دیا گیا ہے۔<script>
: یہ جاوا اسکرپٹ اسکرپٹ بلاک کے لیے اوپننگ ٹیگ ہے، جہاں آپ جاوا اسکرپٹ کوڈ لکھ سکتے ہیں۔function getFormattedDate() { ... }
: یہ جاوا اسکرپٹ فنکشن کی وضاحت کرتا ہے جسے کہا جاتا ہے۔getFormattedDate()
. اس فنکشن کے اندر:- یہ ایک نیا بناتا ہے۔
Date
موجودہ تاریخ اور وقت کی نمائندگی کرنے والی چیزconst today = new Date();
. - یہ تاریخ کو مطلوبہ فارمیٹ (mm/dd/yyyy) کا استعمال کرتے ہوئے سٹرنگ میں فارمیٹ کرتا ہے۔
today.toLocaleDateString()
.'en-US'
دلیل فارمیٹنگ کے لیے مقامی (امریکن انگریزی) اور اس کے ساتھ آبجیکٹ کی وضاحت کرتی ہے۔year
,month
، اورday
خصوصیات تاریخ کی شکل کی وضاحت کرتی ہے۔
- یہ ایک نیا بناتا ہے۔
return formattedDate;
: یہ لائن فارمیٹ شدہ تاریخ کو سٹرنگ کے طور پر لوٹاتی ہے۔document.getElementById('hiddenDateField').value = getFormattedDate();
: کوڈ کی یہ لائن:- تم ان کا استعمال
document.getElementById('hiddenDateField')
"hiddenDateField" ID کے ساتھ پوشیدہ ان پٹ فیلڈ کو منتخب کرنے کے لیے۔ - سیٹ کرتا ہے۔
value
منتخب کردہ ان پٹ فیلڈ کی خاصیت اس قدر کے لیے جو واپس کی گئی ہے۔getFormattedDate()
فنکشن یہ چھپی ہوئی فیلڈ کو آج کی تاریخ کے ساتھ مخصوص فارمیٹ میں آباد کرتا ہے۔
- تم ان کا استعمال
حتمی نتیجہ یہ ہوتا ہے کہ جب صفحہ لوڈ ہوتا ہے، تو آئی ڈی "hiddenDateField" کے ساتھ پوشیدہ ان پٹ فیلڈ آج کی تاریخ کے ساتھ پہلے صفر کے بغیر mm/dd/yyyy فارمیٹ میں بھرا جاتا ہے، جیسا کہ میں بیان کیا گیا ہے۔ getFormattedDate()
تقریب.
آج کی تاریخ اور jQuery کے ساتھ فارم فیلڈ کو کیسے تیار کریں۔
<!DOCTYPE html>
<html>
<head>
<title>Date Prepopulation with jQuery and JavaScript Date Object</title>
<!-- Include jQuery from a CDN -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form>
<!-- Hidden field for the date -->
<input type="hidden" id="hiddenDateField" name="hiddenDateField">
</form>
<script>
// Use jQuery to set the value of the hidden field to today's date
$(document).ready(function() {
const today = new Date();
const formattedDate = today.toLocaleDateString('en-US', {
year: 'numeric',
month: '2-digit',
day: '2-digit'
});
$('#hiddenDateField').val(formattedDate);
});
</script>
</body>
</html>
یہ HTML اور JavaScript کوڈ ظاہر کرتا ہے کہ jQuery کو آج کی تاریخ کے ساتھ چھپے ہوئے ان پٹ فیلڈ کو پہلے سے تیار کرنے کے لیے کس طرح استعمال کیا جائے، جس کی شکل mm/dd/yyyy، بغیر کسی صفر کے۔ آئیے اسے مرحلہ وار توڑتے ہیں:
<!DOCTYPE html>
اور<html>
: یہ معیاری HTML دستاویز کے اعلانات ہیں جو اس بات کی نشاندہی کرتے ہیں کہ یہ ایک HTML5 دستاویز ہے۔<head>
: یہ سیکشن ویب پیج کے لیے میٹا ڈیٹا اور وسائل کو شامل کرنے کے لیے استعمال کیا جاتا ہے۔<title>
: ویب پیج کے عنوان کو "jQuery اور JavaScript Date Object کے ساتھ Date Prepopulation" پر سیٹ کرتا ہے۔<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: اس لائن میں مواد کی ترسیل کے نیٹ ورک (CDN) سے اس کا ماخذ بتا کر jQuery لائبریری شامل ہے۔ یہ یقینی بناتا ہے کہ jQuery لائبریری ویب پیج پر استعمال کے لیے دستیاب ہے۔<body>
: یہ ویب پیج کا مرکزی مواد کا علاقہ ہے جہاں آپ مرئی مواد اور یوزر انٹرفیس عناصر کو رکھتے ہیں۔<form>
: ایک HTML فارم عنصر جو ان پٹ فیلڈز پر مشتمل ہوتا ہے۔ اس صورت میں، یہ پوشیدہ ان پٹ فیلڈ کو سمیٹنے کے لیے استعمال ہوتا ہے۔<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: ایک پوشیدہ ان پٹ فیلڈ جو ویب پیج پر نظر نہیں آئے گا۔ اسے "hiddenDateField" کی ایک ID اور "hiddenDateField" کا نام تفویض کیا گیا ہے۔<script>
: یہ جاوا اسکرپٹ اسکرپٹ بلاک کے لیے اوپننگ ٹیگ ہے جہاں آپ جاوا اسکرپٹ کوڈ لکھ سکتے ہیں۔$(document).ready(function() { ... });
: یہ ایک jQuery کوڈ بلاک ہے۔ یہ استعمال کرتا ہے۔$(document).ready()
فنکشن اس بات کو یقینی بنانے کے لیے کہ موجود کوڈ صفحہ کے مکمل لوڈ ہونے کے بعد چلتا ہے۔ اس فنکشن کے اندر:const today = new Date();
ایک نیا بناتا ہےDate
موجودہ تاریخ اور وقت کی نمائندگی کرنے والی چیز۔const formattedDate = today.toLocaleDateString('en-US', { ... });
کا استعمال کرتے ہوئے مطلوبہ فارمیٹ (mm/dd/yyyy) کے ساتھ تاریخ کو سٹرنگ میں فارمیٹ کرتا ہے۔toLocaleDateString
طریقہ.
$('#hiddenDateField').val(formattedDate);
jQuery کا استعمال کرتے ہوئے ID "hiddenDateField" کے ساتھ پوشیدہ ان پٹ فیلڈ کو منتخب کرتا ہے اور اسے سیٹ کرتا ہےvalue
فارمیٹ شدہ تاریخ تک۔ یہ مخصوص فارمیٹ میں آج کی تاریخ کے ساتھ پوشیدہ فیلڈ کو مؤثر طریقے سے تیار کرتا ہے۔
jQuery کوڈ خالص JavaScript کے مقابلے میں پوشیدہ ان پٹ فیلڈ کو منتخب کرنے اور اس میں ترمیم کرنے کے عمل کو آسان بناتا ہے۔ جب صفحہ لوڈ ہوتا ہے، پوشیدہ ان پٹ فیلڈ آج کی تاریخ کے ساتھ mm/dd/yyyy فارمیٹ میں پاپولڈ ہو جاتا ہے، اور کوئی لیڈنگ زیرو موجود نہیں ہوتا ہے، جیسا کہ میں بیان کیا گیا ہے۔ formattedDate
متغیر.