Чӣ тавр як майдони формаро бо санаи имрӯза ва JavaScript ё JQuery пур кардан мумкин аст
Гарчанде ки бисёре аз қарорҳо имкони нигоҳ доштани санаро бо ҳар як варақаи шакл пешниҳод мекунанд, вақтҳои дигаре ҳастанд, ки ин имконнопазир аст. Мо мизоҷони худро ташвиқ менамоем, ки ба сайти худ майдони пинҳонӣ илова кунанд ва ин маълумотро дар баробари вуруд интиқол диҳанд, то онҳо ҳангоми ворид шудани варақаҳои форма пайгирӣ кунанд. Истифодаи JavaScript, ин осон аст.
Чӣ тавр як майдони формаро бо санаи имрӯза ва 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 ва JavaScript-ро зина ба зина тақсим кунем:
<!DOCTYPE html>
ва<html>
: Инҳо эъломияҳои стандартии ҳуҷҷати HTML мебошанд, ки нишон медиҳанд, ки ин ҳуҷҷати HTML5 аст.<head>
: Ин бахш маъмулан барои дохил кардани метамаълумот дар бораи ҳуҷҷат истифода мешавад, ба монанди унвони саҳифаи веб, ки бо истифода аз<title>
унсури.<title>
: Ин сарлавҳаи веб-саҳифаро ба "Санаҳои пешакии аҳолӣ бо JavaScript" муқаррар мекунад.<body>
: Ин майдони асосии мундариҷаи вебсайт аст, ки дар он шумо мундариҷаи намоён ва унсурҳои интерфейси корбарро ҷойгир мекунед.<form>
: Унсури форма, ки метавонад майдонҳои вурудро дар бар гирад. Дар ин ҳолат, он барои нигоҳ доштани майдони вуруди пинҳон, ки бо санаи имрӯз пур карда мешавад, истифода мешавад.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Ин майдони вуруди пинҳон аст. Он дар саҳифа пайдо намешавад, аммо метавонад маълумотро нигоҳ дорад. Ба он ID-и "hiddenDateField" ва номи "hiddenDateField" барои муайян кардан ва истифода дар JavaScript дода шудааст.<script>
: Ин барчасп барои блоки скрипти JavaScript аст, ки дар он шумо метавонед рамзи JavaScript нависед.function getFormattedDate() { ... }
: Ин функсияи JavaScript-ро муайян мекунадgetFormattedDate()
. Дар дохили ин функсия:- Наверо ба вуҷуд меорад
Date
объект, ки сана ва вақти ҷорӣро истифода мебарадconst today = new Date();
. - Он санаро ба як сатр бо формати дилхоҳ (мм/дд/yyyy) формат мекунад
today.toLocaleDateString()
. Дар'en-US'
аргумент маҳаллиро (англисии амрикоӣ) барои форматкунӣ ва объектро боyear
,month
ваday
хосиятҳо формати санаро муайян мекунанд.
- Наверо ба вуҷуд меорад
return formattedDate;
: Ин сатр санаи форматшударо ҳамчун сатр бармегардонад.document.getElementById('hiddenDateField').value = getFormattedDate();
: Ин сатри код:- истифода мебарад,
document.getElementById('hiddenDateField')
барои интихоб кардани майдони вуруди пинҳон бо ID "hiddenDateField". - -Ро танзим мекунад
value
хосияти майдони вуруди интихобшуда ба арзиши баргардонидашудаgetFormattedDate()
функсия. Ин майдони пинҳониро бо санаи имрӯза дар формати муайяншуда пур мекунад.
- истифода мебарад,
Натиҷаи ниҳоӣ ин аст, ки ҳангоми боркунии саҳифа, майдони вуруди пинҳонӣ бо ID "hiddenDateField" бо санаи имрӯза дар формати mm/gg/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 барои пешбарӣ кардани майдони вуруди пинҳонӣ бо санаи имрӯза, ки ҳамчун мм/gg/yyyy формат карда шудааст, бидуни сифрҳои пешбаранда. Биёед онро зина ба зина тақсим кунем:
<!DOCTYPE html>
ва<html>
: Инҳо эъломияҳои стандартии ҳуҷҷати HTML мебошанд, ки нишон медиҳанд, ки ин ҳуҷҷати HTML5 аст.<head>
: Ин бахш барои дохил кардани метамаълумот ва захираҳо барои саҳифаи веб истифода мешавад.<title>
: Сарлавҳаи саҳифаи интернетиро ба "Сана пеш аз популятсия бо jQuery ва объекти санаи JavaScript" таъин мекунад.<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-и "hiddenDateField" ва номи "hiddenDateField" таъин шудааст.<script>
: Ин барчасп барои блоки скрипти JavaScript аст, ки дар он шумо метавонед рамзи JavaScript нависед.$(document).ready(function() { ... });
: Ин блоки рамзи jQuery аст. Он истифода мебарад$(document).ready()
Функсия барои кафолат додани он, ки рамзи дарбаргиранда пас аз пурборкунии саҳифа кор мекунад. Дар дохили ин функсия:const today = new Date();
нав эҷод мекунадDate
объект, ки сана ва вақти ҷорӣро ифода мекунад.const formattedDate = today.toLocaleDateString('en-US', { ... });
санаро ба сатр бо формати дилхоҳ (мм/дд/yyyy) бо истифода азtoLocaleDateString
метод
$('#hiddenDateField').val(formattedDate);
майдони вуруди пинҳонро бо ID "hiddenDateField" бо истифода аз jQuery интихоб мекунад ва онро муқаррар мекунадvalue
то санаи форматшуда. Ин ба таври муассир майдони пинҳониро бо санаи имрӯза дар формати муайяншуда пур мекунад.
Рамзи jQuery раванди интихоб ва тағир додани майдони вуруди пинҳониро дар муқоиса бо JavaScript-и пок содда мекунад. Вақте ки саҳифа бор карда мешавад, майдони вуруди пинҳонӣ бо санаи имрӯза дар формати мм/дд/yyyy пур карда мешавад ва ҳеҷ сифрҳои пешбаранда, тавре ки дар formattedDate
тағйирёбанда.