Otu esi ebupụta ubi mpempe akwụkwọ na ụbọchị taa yana Javascript ma ọ bụ JQuery
Ọ bụ ezie na ọtụtụ ngwọta na-enye ohere ịchekwa ụbọchị na ntinye ụdị ọ bụla, enwere oge ndị ọzọ mgbe ọ bụghị nhọrọ. Anyị na-agba ndị ahịa anyị ume ka ha tinye oghere zoro ezo na saịtị ha wee nyefee ozi a yana ntinye ka ha nwee ike soro mgbe abanyela ndenye ụdị. Iji Javascript, nke a dị mfe.
Otu esi ebupụta ubi mpempe akwụkwọ na ụbọchị taa yana 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>
Ka anyị kwatuo koodu HTML na Javascript nyere site nzọụkwụ site na nzọụkwụ:
<!DOCTYPE html>
na<html>
: Ndị a bụ akwụkwọ ọkọlọtọ HTML na-akọwapụta na nke a bụ akwụkwọ HTML5.<head>
: A na-ejikarị akụkụ a tinye metadata gbasara akwụkwọ ahụ, dị ka aha nke ibe weebụ, nke edobere site na iji<title>
mmewere.<title>
: Nke a na-edobe aha nke ibe weebụ ka ọ bụrụ "Ụbọchị Prepopulation with JavaScript."<body>
: Nke a bụ isi ọdịnaya nke ibe weebụ ebe ị na-edobe ọdịnaya a na-ahụ anya na ihe ndị ọrụ.<form>
: Ụdị mmewere nwere ike ịnwe mpaghara ntinye. N'okwu a, a na-eji ya nwee mpaghara ntinye ezoro ezo nke a ga-ejupụta na ụbọchị taa.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Nke a bụ mpaghara ntinye ezoro ezo. Ọ pụtaghị na ibe mana ọ nwere ike ịchekwa data. Enyere ya NJ nke “HiddenDateField” na aha “HiddenDateField” maka njirimara na ojiji na Javascript.<script>
: Nke a bụ mkpado mmeghe maka ngọngọ script Javascript, ebe ị nwere ike ide koodu Javascript.function getFormattedDate() { ... }
: Nke a na-akọwa ọrụ Javascript a na-akpọgetFormattedDate()
. N'ime ọrụ a:- Ọ na-emepụta ọhụrụ
Date
ihe na-anọchi anya ụbọchị na oge dị ugbu a na-ejiconst today = new Date();
. - Ọ na-eji usoro achọrọ (mm/dd/yyyy) na-ahazi ụbọchị ka ọ bụrụ eriri
today.toLocaleDateString()
. The'en-US'
arụmụka na-akọwapụta mpaghara (American English) maka nhazi, yana ihe nwereyear
,month
, naday
Njirimara na-akọwa usoro ụbọchị.
- Ọ na-emepụta ọhụrụ
return formattedDate;
: Ahịrị a na-eweghachite ụbọchị a haziri dị ka eriri.document.getElementById('hiddenDateField').value = getFormattedDate();
: Ahịrị koodu a:- ojiji
document.getElementById('hiddenDateField')
iji họrọ mpaghara ntinye zoro ezo na ID "HiddenDateField." - Tọrọ
value
akụrụngwa nke mpaghara ntinye ahọpụtara na uru nke weghachiri eweghachigetFormattedDate()
ọrụ. Nke a na-ejupụta mpaghara zoro ezo na ụbọchị taa n'ụdị akọwapụtara.
- ojiji
Nsonaazụ ikpeazụ bụ na mgbe ibe ahụ buru ibu, mpaghara ntinye zoro ezo nwere ID “hiddenDateField” juputara na ụbọchị taa n'ụdị mm/dd/yyyy na-enweghị eduga efu, dị ka akọwapụtara na getFormattedDate()
ọrụ.
Otu esi ebupụta ubi mpempe akwụkwọ na ụbọchị taa na 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>
Nke a HTML na Javascript koodu na-egosi otu esi eji jQuery bupụta ubi ntinye zoro ezo na ụbọchị taa, nke edobere dị ka mm/dd/yyyy, na-enweghị isi efu. Ka anyị gbarie ya site na nzọụkwụ:
<!DOCTYPE html>
na<html>
: Ndị a bụ ọkọlọtọ HTML akwụkwọ nkwupụta na-egosi na nke a bụ HTML5 akwụkwọ.<head>
: A na-eji ngalaba a maka ịgụnye metadata na akụrụngwa maka ibe weebụ.<title>
: Na-edobe aha nke ibe weebụ ka ọ bụrụ "Mbipụta ụbọchị nwere jQuery na ihe ụbọchị Javascript."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Ahịrị a gụnyere ọba akwụkwọ jQuery site na ịkọwapụta isi mmalite ya site na netwọk nnyefe ọdịnaya (CDN). Ọ na-ahụ na ọbá akwụkwọ jQuery dị maka ojiji na ibe weebụ.<body>
: Nke a bụ isi ọdịnaya nke ibe weebụ ebe ị na-edobe ọdịnaya a na-ahụ anya na ihe ndị ọrụ.<form>
: Ihe ụdị HTML eji eme mpaghara ntinye. N'okwu a, a na-eji ya ekpuchi oghere ntinye zoro ezo.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Ala ntinye ezoro ezo nke na-agaghị ahụ na ibe weebụ. Enyere ya NJ nke “HiddenDateField” yana aha “HiddenDateField.”<script>
: Nke a bụ mkpado mmeghe maka ngọngọ script Javascript ebe ị nwere ike ide koodu Javascript.$(document).ready(function() { ... });
: Nke a bụ ngọngọ koodu jQuery. Ọ na-eji$(document).ready()
na-arụ ọrụ iji hụ na koodu dị n'ime na-agba ọsọ mgbe ebudatara ibe ahụ. N'ime ọrụ a:const today = new Date();
na-emepụta ọhụrụDate
ihe na-anọchi anya ụbọchị na oge dị ugbu a.const formattedDate = today.toLocaleDateString('en-US', { ... });
na-eji usoro achọrọ (mm/dd/yyyy) na-ahazi ụbọchị ka ọ bụrụ eriritoLocaleDateString
usoro.
$('#hiddenDateField').val(formattedDate);
jiri jQuery họrọ mpaghara ntinye ezoro ezo na ID "hiddenDateField" ma tọọ yavalue
ruo ụbọchị a haziri. Nke a na-ebu ụzọ mejupụta ubi zoro ezo na ụbọchị taa n'ụdị akọwapụtara.
Koodu jQuery na-eme ka usoro ịhọrọ na gbanwee mpaghara ntinye zoro ezo ma e jiri ya tụnyere Javascript dị ọcha. Mgbe ibe ahụ buru ibu, mpaghara ntinye zoro ezo na-ejupụta na ụbọchị taa n'ụdị mm/dd/yyyy, ọ nweghịkwa efu efu adịghị, dịka akọwapụtara na formattedDate
agbanwe.