Momwe Mungakhazikitsire Munda Wama Fomu Ndi Tsiku Lamakono ndi JavaScript kapena JQuery
Ngakhale mayankho ambiri amapereka mwayi kusunga tsiku ndi aliyense kulowa mawonekedwe, pali nthawi zina pamene si njira. Timalimbikitsa makasitomala athu kuti awonjezere gawo lobisika patsamba lawo ndikupereka chidziwitsochi limodzi ndi cholowacho kuti athe kutsata pomwe zolembera zalembedwa. Pogwiritsa ntchito JavaScript, izi ndizosavuta.
Momwe Mungakhazikitsire Munda Wamafomu Ndi Tsiku Lamakono ndi 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>
Tiyeni tidutse ma code a HTML ndi JavaScript operekedwa pang'onopang'ono:
<!DOCTYPE html>
ndi<html>
: Awa ndi zikalata zodziwika bwino za HTML zonena kuti ichi ndi chikalata cha HTML5.<head>
: Gawoli nthawi zambiri limagwiritsidwa ntchito kuphatikiza metadata yokhudza chikalatacho, monga mutu wa tsambali, womwe umayikidwa pogwiritsa ntchito<title>
chinthu.<title>
: Izi zimakhazikitsa mutu wa tsambali kukhala "Date Prepopulation with JavaScript."<body>
: Ili ndiye gawo lalikulu latsamba latsamba lomwe mumayika zowoneka ndi mawonekedwe a ogwiritsa ntchito.<form>
: Chida cha fomu chomwe chingakhale ndi magawo olowetsamo. Pankhaniyi, imagwiritsidwa ntchito kukhala ndi gawo lolowera lobisika lomwe lizikhala ndi masiku ano.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Awa ndi gawo lolowera lobisika. Sizimawoneka patsamba koma zimatha kusunga deta. Imapatsidwa ID ya “hiddenDateField” ndi dzina la “hiddenDateField” kuti izindikiridwe ndi kugwiritsidwa ntchito mu JavaScript.<script>
: Ichi ndi chizindikiro chotsegulira cha JavaScript script block, komwe mungalembe JavaScript code.function getFormattedDate() { ... }
: Izi zikutanthawuza ntchito ya JavaScript yotchedwagetFormattedDate()
. M'kati mwa ntchito iyi:- Imapanga chatsopano
Date
chinthu choyimira tsiku ndi nthawi yomwe ikugwiritsidwa ntchitoconst today = new Date();
. - Imapanga tsikulo kukhala chingwe chokhala ndi mtundu womwe mukufuna (mm/dd/yyyy) pogwiritsa ntchito
today.toLocaleDateString()
. The'en-US'
kukangana kumatanthawuza malo (American English) pokonza, ndi chinthu ndiyear
,month
ndipoday
katundu amatanthawuza mtundu wa tsiku.
- Imapanga chatsopano
return formattedDate;
: Mzerewu umabweza deti lokonzedwa ngati chingwe.document.getElementById('hiddenDateField').value = getFormattedDate();
: Mzere wa code uwu:- ntchito
document.getElementById('hiddenDateField')
kuti musankhe gawo lolowera lobisika ndi ID "hiddenDateField." - Ikani fayilo ya
value
katundu wa gawo lolowetsa losankhidwa ku mtengo womwe wabwezedwa ndi agetFormattedDate()
ntchito. Izi zimadzaza malo obisika ndi tsiku lamakono mumpangidwe wotchulidwa.
- ntchito
Chotsatira chake ndikuti tsambalo likadzaza, gawo lolowera lobisika lokhala ndi ID "hiddenDateField" limakhala ndi tsiku lamasiku ano mumtundu wa mm/dd/yyyy wopanda ziro zotsogola, monga zafotokozedwera mu getFormattedDate()
ntchito.
Momwe Mungakhazikitsire Munda Wama Fomu Ndi Tsiku Lamakono ndi 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>
Khodi iyi ya HTML ndi JavaScript ikuwonetsa momwe mungagwiritsire ntchito jQuery kudzaza malo obisika ndi deti lamasiku ano, losanjidwa ngati mm/dd/yyyy, popanda ziro zotsogola. Tiyeni tifotokoze pang'onopang'ono:
<!DOCTYPE html>
ndi<html>
: Izi ndizomwe zalembedwa za HTML zosonyeza kuti ichi ndi chikalata cha HTML5.<head>
: Gawoli limagwiritsidwa ntchito kuphatikiza metadata ndi zothandizira patsamba.<title>
: Imakhazikitsa mutu wa tsambali kukhala "Date Prepopulation with jQuery and JavaScript Date Object."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Mzerewu ukuphatikiza laibulale ya jQuery pofotokoza gwero lake kuchokera ku netiweki yotumizira zinthu (CDN). Imawonetsetsa kuti laibulale ya jQuery ikupezeka kuti igwiritsidwe ntchito patsamba.<body>
: Ili ndiye gawo lalikulu latsamba latsamba lomwe mumayika zowoneka ndi mawonekedwe a ogwiritsa ntchito.<form>
: Fomu ya HTML yomwe imagwiritsidwa ntchito kukhala ndi magawo olowetsa. Pankhaniyi, imagwiritsidwa ntchito kuyika gawo lobisika lolowera.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Gawo lobisika lomwe silingawonekere patsamba. Yapatsidwa ID ya "hiddenDateField" ndi dzina la "hiddenDateField."<script>
: Ichi ndiye chizindikiro chotsegulira cha JavaScript script block komwe mungalembe JavaScript code.$(document).ready(function() { ... });
: Ichi ndi jQuery code block. Amagwiritsa ntchito$(document).ready()
gwirani ntchito kuti muwonetsetse kuti nambala yomwe ilimo imayenda tsambalo litadzaza. M'kati mwa ntchito iyi:const today = new Date();
amalenga latsopanoDate
chinthu chomwe chikuyimira tsiku ndi nthawi yomwe ilipo.const formattedDate = today.toLocaleDateString('en-US', { ... });
imapanga tsikulo kukhala chingwe chokhala ndi mtundu womwe mukufuna (mm/dd/yyyy) pogwiritsa ntchitotoLocaleDateString
njira.
$('#hiddenDateField').val(formattedDate);
imasankha gawo lolowera lobisika ndi ID "hiddenDateField" pogwiritsa ntchito jQuery ndikukhazikitsavalue
mpaka tsiku lokonzedwa. Izi bwino prepopulates malo obisika ndi tsiku lero mu mtundu watchulidwa.
Khodi ya jQuery imathandizira njira yosankha ndikusintha gawo lolowera lobisika poyerekeza ndi JavaScript yoyera. Tsamba likachuluka, gawo lolowera lobisika limakhala ndi deti lamakono mumtundu wa mm/dd/yyyy, ndipo palibe ziro zotsogola zomwe zilipo, monga zafotokozedwera mu formattedDate
zosiyanasiyana.