د نن ورځې نیټې او جاواسکریپټ یا 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>
راځئ چې چمتو شوي HTML او جاواسکریپټ کوډ ګام په ګام مات کړو:
<!DOCTYPE html>
او<html>
: دا د معیاري HTML سند اعالمیه دي چې مشخص کوي چې دا یو HTML5 سند دی.<head>
: دا برخه عموما د سند په اړه د میټاډاټا شاملولو لپاره کارول کیږي، لکه د ویب پاڼې سرلیک، کوم چې د ویب پاڼې په کارولو سره ترتیب شوی.<title>
عنصر.<title>
: دا د ویب پاڼې سرلیک "د جاوا سکریپټ سره د نفوس نیټې" ته ټاکي.<body>
: دا د ویب پاڼې اصلي منځپانګې ساحه ده چیرې چې تاسو د لیدلو وړ منځپانګې او د کاروونکي انٹرفیس عناصر ځای په ځای کوئ.<form>
: د فورم عنصر چې کولی شي د ننوتلو ساحې ولري. په دې حالت کې، دا د پټ ان پټ ساحه کې کارول کیږي چې د نن نیټې سره به آباد شي.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: دا یو پټ پټ ځای دی. دا په پاڼه کې نه ښکاري مګر ډاټا ذخیره کولی شي. دا په جاواسکریپټ کې د پیژندنې او کارولو لپاره د "hiddenDateField" ID او د "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" ID سره د پټ ان پټ ساحه د نن ورځې نیټې سره په 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>
دا ایچ ٹی ایم ایل او جاواسکریپټ کوډ ښیې چې څنګه د jQuery کارولو لپاره د نن نیټې سره د پټ ان پټ فیلډ چمتو کولو لپاره ، د mm/dd/yyyy په توګه فارمیټ شوی ، پرته له مخکښو صفرونو. راځئ چې ګام په ګام یې مات کړو:
<!DOCTYPE html>
او<html>
: دا د معیاري HTML سند اعالمیه دي چې دا په ګوته کوي چې دا یو HTML5 سند دی.<head>
: دا برخه د ویب پاڼې لپاره د میټاډاټا او سرچینو په شمول کارول کیږي.<title>
: د ویب پاڼې سرلیک "د jQuery او جاوا سکریپټ نیټې آبجیکٹ سره د نفوس نیټې چمتو کول" ته ټاکي.<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">
: یو پټ پټ ځای چې په ویب پاڼه کې نه لیدل کیږي. دې ته د "پټ تاریخ فیلډ" ID او د "پټ تاریخ فیلډ" نوم ټاکل شوی.<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
بدلون موندونکی.