Uyigcwalisa Kanjani Inkambu Yefomu Ngedethi Yanamuhla kanye ne-JavaScript noma i-JQuery
Nakuba izixazululo eziningi zinikeza ithuba lokugcina usuku nokufakwa kwefomu ngalinye, zikhona ezinye izikhathi lapho kungeyona inketho. Sikhuthaza amaklayenti ethu ukuthi engeze inkambu efihliwe kusayithi yawo futhi adlulisele lolu lwazi kanye nokufakiwe ukuze akwazi ukulandelela ukuthi kufakwa nini amafomu. Ukusebenzisa i-JavaScript, lokhu kulula.
Uyigcwalisa Kanjani Inkambu Yefomu Ngedethi Yanamuhla kanye ne-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>
Ake sihlukanise i-HTML nekhodi ye-JavaScript enikeziwe isinyathelo ngesinyathelo:
<!DOCTYPE html>
futhi<html>
: Lezi izimemezelo zedokhumenti ye-HTML ejwayelekile ecacisa ukuthi leli yidokhumenti ye-HTML5.<head>
: Lesi sigaba ngokuvamile sisetshenziselwa ukufaka imethadatha mayelana nedokhumenti, njengesihloko sekhasi lewebhu, elisethwa kusetshenziswa<title>
into.<title>
: Lokhu kusetha isihloko sekhasi lewebhu ukuze sithi “Idethi Yangaphambi Kwabantu Nge-JavaScript.”<body>
: Lena indawo yokuqukethwe eyinhloko yekhasi lewebhu lapho ubeka khona okuqukethwe okubonakalayo nezici zokusetshenziswa kubonwa.<form>
: Isici sefomu esingaqukatha izinkambu zokufaka. Kulesi simo, isetshenziselwa ukuqukatha inkambu yokufaka efihliwe ezogcwaliswa ngedethi yanamuhla.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Lena inkambu yokufaka efihliwe. Ayiveli ekhasini kodwa ingagcina idatha. Inikezwe i-ID ethi “hiddenDateField” kanye negama elithi “hiddenDateField” ukuze ikhonjwe futhi isetshenziswe ku-JavaScript.<script>
: Lona umaka wokuvula webhulokhi yeskripthi se-JavaScript, lapho ungabhala khona ikhodi ye-JavaScript.function getFormattedDate() { ... }
: Lokhu kuchaza umsebenzi we-JavaScript obizwa ngokuthigetFormattedDate()
. Ngaphakathi kwalo msebenzi:- Idala entsha
Date
into emele idethi yamanje nesikhathi esetshenziswayoconst today = new Date();
. - Ifometha idethi ibe yiyunithi yezinhlamvu enefomethi oyifunayo (mm/dd/yyyy) isebenzisa
today.toLocaleDateString()
. The'en-US'
i-agumenti icacisa indawo (i-American English) yokufometha, kanye nento ethiyear
,month
, Futhiday
izakhiwo zichaza ifomethi yedethi.
- Idala entsha
return formattedDate;
: Lo mugqa ubuyisela idethi efomethiwe njengeyunithi yezinhlamvu.document.getElementById('hiddenDateField').value = getFormattedDate();
: Lo mugqa wekhodi:- Usetshenziswa
document.getElementById('hiddenDateField')
ukuze ukhethe inkambu yokufaka efihliwe ene-ID ethi “hiddenDateField.” - Isetha i-
value
impahla yenkambu yokufaka ekhethiwe kunani elibuyiswe yi-getFormattedDate()
umsebenzi. Lokhu kugcwalisa inkambu efihliwe ngedethi yanamuhla ngefomethi eshiwo.
- Usetshenziswa
Umphumela uba ukuthi lapho ikhasi lilayisha, inkambu yokufaka efihliwe ene-ID ethi “hiddenDateField” igcwaliswa ngedethi yanamuhla ngefomethi mm/dd/yyyy ngaphandle koziro abaholayo, njengoba kucacisiwe ku- getFormattedDate()
umsebenzi.
Uyigcwalisa Kanjani Inkambu Yefomu Ngedethi Yanamuhla kanye ne-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>
Le khodi ye-HTML ne-JavaScript ibonisa indlela yokusebenzisa i-jQuery ukuze ugcwalise ngaphambili inkambu yokufaka efihliwe ngedethi yanamuhla, efomethiwe ngokuthi mm/dd/yyyy, ngaphandle koziro abaholayo. Masiyihlukanise isinyathelo ngesinyathelo:
<!DOCTYPE html>
futhi<html>
: Lezi izimemezelo zedokhumenti ye-HTML ejwayelekile ekhombisa ukuthi leli yidokhumenti ye-HTML5.<head>
: Lesi sigaba sisetshenziselwa ukufaka imethadatha nezisetshenziswa zekhasi lewebhu.<title>
: Isetha isihloko sekhasi lewebhu ukuze sithi “Idethi Yangaphambili Nge-jQuery kanye Nento Yedethi Ye-JavaScript.”<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Lo mugqa uhlanganisa umtapo wezincwadi we-jQuery ngokucacisa umthombo wawo ovela kunethiwekhi yokulethwa kokuqukethwe (CDN). Iqinisekisa ukuthi umtapo wezincwadi we-jQuery uyatholakala ukuze usetshenziswe ekhasini lewebhu.<body>
: Lena indawo yokuqukethwe eyinhloko yekhasi lewebhu lapho ubeka khona okuqukethwe okubonakalayo nezici zokusetshenziswa kubonwa.<form>
: Ingxenye yefomu le-HTML esetshenziselwa ukuqukatha izinkambu zokufaka. Kulesi simo, isetshenziselwa ukuhlanganisa inkambu yokufaka efihliwe.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Inkambu yokufaka efihliwe engeke ibonakale ekhasini lewebhu. Inikezwe i-ID ethi “hiddenDateField” kanye negama elithi “hiddenDateField.”<script>
: Lona umaka wokuvula webhulokhi yeskripthi se-JavaScript lapho ungabhala khona ikhodi ye-JavaScript.$(document).ready(function() { ... });
: Lena ibhulokhi yekhodi ye-jQuery. Isebenzisa i-$(document).ready()
umsebenzi wokuqinisekisa ukuthi ikhodi equkethwe iqala ngemuva kokuthi ikhasi selilayishwe ngokugcwele. Ngaphakathi kwalo msebenzi:const today = new Date();
idala entshaDate
into emele idethi nesikhathi samanje.const formattedDate = today.toLocaleDateString('en-US', { ... });
ifometha idethi ibe yiyunithi yezinhlamvu enefomethi oyifunayo (mm/dd/yyyy) isebenzisa i-toLocaleDateString
indlela.
$('#hiddenDateField').val(formattedDate);
ikhetha inkambu yokufaka efihliwe ene-ID ethi “hiddenDateField” isebenzisa i-jQuery bese isetha yayovalue
kuze kube yidethi efomethiwe. Lokhu kugcwalisa ngempumelelo inkambu efihliwe ngedethi yanamuhla ngefomethi eshiwo.
Ikhodi ye-jQuery yenza kube lula inqubo yokukhetha nokulungisa inkambu yokufaka efihliwe uma iqhathaniswa ne-JavaScript emsulwa. Uma ikhasi lilayisha, inkambu yokufaka efihliwe igcwaliswa ngedethi yanamuhla ngefomethi ye-mm/dd/yyyy, futhi abekho oziro abaholayo abakhona, njengoba kucacisiwe ku- formattedDate
okuguqukayo.