اڄ جي تاريخ ۽ جاوا اسڪرپٽ يا JQuery سان فارم فيلڊ کي ڪيئن تيار ڪجي
جڏهن ته ڪيترائي حل پيش ڪن ٿا تاريخ کي ذخيرو ڪرڻ جو موقعو هر فارم جي داخلا سان، اتي ٻيا ڀيرا آهن جڏهن اهو اختيار نه آهي. اسان پنهنجن گراهڪن کي حوصلا افزائي ڪريون ٿا ته انهن جي سائيٽ تي لڪيل فيلڊ شامل ڪن ۽ هن معلومات کي داخلا سان گڏ پاس ڪن ته جيئن اهي ٽريڪ ڪري سگهن جڏهن فارم داخل ڪيا وڃن. JavaScript استعمال ڪندي، اهو آسان آهي.
اڄ جي تاريخ ۽ جاوا اسڪرپٽ سان فارم فيلڊ کي ڪيئن تيار ڪجي
<!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>
اچو ته ڏنل HTML ۽ جاوا اسڪرپٽ ڪوڊ کي ٽوڙيو قدم قدم سان:
<!DOCTYPE html>
۽<html>
: اهي معياري HTML دستاويزن بيان آهن جيڪي بيان ڪن ٿا ته هي هڪ HTML5 دستاويز آهي.<head>
: هي سيڪشن عام طور تي استعمال ڪيو ويندو آهي ميٽاڊيٽا کي شامل ڪرڻ لاءِ دستاويز جي باري ۾، جهڙوڪ ويب پيج جو عنوان، جيڪو استعمال ڪندي سيٽ ڪيو ويو آهي.<title>
عنصر<title>
: هي ويب پيج جي عنوان کي سيٽ ڪري ٿو "تاريخ جي اڳڀرائي جاوا اسڪرپٽ سان."<body>
: هي ويب پيج جو مکيه مواد علائقو آهي جتي توهان ڏيکاريل مواد ۽ يوزر انٽرفيس عنصرن کي رکو ٿا.<form>
: هڪ فارم عنصر جنهن ۾ شامل ٿي سگھي ٿو ان پٽ فيلڊ. انهي صورت ۾، اهو استعمال ڪيو ويندو آهي پوشیدہ ان پٽ فيلڊ تي مشتمل آهي جيڪو اڄ جي تاريخ سان آباد ڪيو ويندو.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: هي هڪ پوشیدہ ان پٽ فيلڊ آهي. اهو صفحي تي ظاهر نٿو ٿئي پر ڊيٽا محفوظ ڪري سگهي ٿو. ان کي "hiddenDateField" جي هڪ ID ۽ "hiddenDateField" جو نالو ڏنو ويو آهي سڃاڻپ ۽ JavaScript ۾ استعمال ڪرڻ لاءِ.<script>
: ھي آھي اوپننگ ٽيگ جاوا اسڪرپٽ بلاڪ لاءِ، جتي توھان لکي سگھوٿا JavaScript ڪوڊ.function getFormattedDate() { ... }
: هي وضاحت ڪري ٿو جاوا اسڪرپٽ فنڪشن سڏيو ويندو آهيgetFormattedDate()
. هن فنڪشن اندر:- اهو هڪ نئون ٺاهي ٿو
Date
اعتراض جو استعمال ڪندي موجوده تاريخ ۽ وقت جي نمائندگي ڪري ٿوconst today = new Date();
. - اهو تاريخ کي اسٽرنگ ۾ فارميٽ ڪري ٿو مطلوب فارميٽ (mm/dd/yyyy) استعمال ڪندي
today.toLocaleDateString()
. هن'en-US'
argument وضاحت ڪري ٿو لوڪل (آمريڪي انگريزي) فارميٽنگ لاءِ، ۽ اعتراض سانyear
,month
، ۽day
خاصيتون تاريخ جي شڪل کي بيان ڪري ٿو.
- اهو هڪ نئون ٺاهي ٿو
return formattedDate;
: هي لڪير فارميٽ ٿيل تاريخ کي اسٽرنگ جي طور تي موٽائي ٿو.document.getElementById('hiddenDateField').value = getFormattedDate();
ڪوڊ جي هي لائن:- استعمال
document.getElementById('hiddenDateField')
لڪايل ان پٽ فيلڊ کي چونڊڻ لاءِ ID سان "hiddenDateField." - سيٽ ڪري ٿو
value
منتخب ٿيل ان پٽ فيلڊ جي ملڪيت کي واپس ڪيل قدر ڏانهنgetFormattedDate()
فنڪشن. هي پوشيده فيلڊ کي اڄ جي تاريخ سان مخصوص فارميٽ ۾ ڀري ٿو.
- استعمال
آخري نتيجو اهو آهي ته جڏهن صفحو لوڊ ٿئي ٿو، پوشیدہ ان پٽ فيلڊ ID سان گڏ "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 ۽ جاوا اسڪرپٽ ڪوڊ ڏيکاري ٿو ته jQuery کي ڪيئن استعمال ڪجي هڪ پوشيده ان پٽ فيلڊ کي اڄ جي تاريخ سان، فارميٽ ڪيو ويو mm/dd/yyyy جي طور تي، اڳواٽ صفر کان سواءِ. اچو ته ان کي قدم سان ٽوڙيو:
<!DOCTYPE html>
۽<html>
: اهي معياري HTML دستاويزي بيان آهن جيڪي ظاهر ڪن ٿا ته هي هڪ HTML5 دستاويز آهي.<head>
: ھي سيڪشن استعمال ڪيو ويندو آھي شامل ڪرڻ لاءِ ميٽاڊيٽا ۽ وسيلا ويب پيج لاءِ.<title>
: ويب پيج جي عنوان کي "jQuery ۽ JavaScript Date Object سان تاريخ جي اڳڀرائي" تي سيٽ ڪري ٿو.<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: هن لڪير ۾ شامل آهي jQuery لائبريري ان جو ذريعو بيان ڪندي مواد پهچائڻ واري نيٽ ورڪ (CDN). اهو يقيني بڻائي ٿو ته 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 ڪوڊ خالص جاوا اسڪرپٽ جي مقابلي ۾ پوشیدہ ان پٽ فيلڊ کي چونڊڻ ۽ تبديل ڪرڻ جي عمل کي آسان بڻائي ٿو. جڏهن صفحو لوڊ ٿئي ٿو، پوشیدہ ان پٽ فيلڊ کي اڄ جي تاريخ سان mm/dd/yyyy فارميٽ ۾ ڀريو ويندو آهي، ۽ ڪو به اڳوڻو صفر موجود نه هوندو آهي، جيئن ته صفحي ۾ بيان ڪيو ويو آهي. formattedDate
ڪشش.