Maitiro Ekutanga Kuzadza Munda Wefomu NeZuva Ranhasi uye JavaScript kana JQuery
Nepo mhinduro zhinji dzichipa mukana wekuchengeta zuva nekupinda kwefomu yega yega, pane dzimwe nguva iyo isiri sarudzo. Isu tinokurudzira vatengi vedu kuti vawedzere nzvimbo yakavanzika kune yavo saiti uye kupfuudza ruzivo urwu pamwe nekupinda kuti vakwanise kuronda kana mafomu apinzwa. Uchishandisa JavaScript, izvi zviri nyore.
Maitiro Ekutanga Kuzadza Munda Wefomu NeZuva Ranhasi uye 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>
Ngatiparadze iyo yakapihwa HTML uye JavaScript kodhi nhanho nhanho:
<!DOCTYPE html>
uye<html>
: Aya ndiwo akajairwa HTML gwaro zviziviso zvinotsanangura kuti iri igwaro reHTML5.<head>
: Chikamu ichi chinowanzo shandiswa kusanganisira metadata nezvegwaro, senge zita rewebhu peji, iro rinoiswa pachishandiswa<title>
element.<title>
: Izvi zvinoseta musoro wepeji rewebhu ku "Date Prepopulation neJavaScript."<body>
: Iyi ndiyo nzvimbo huru yezvinyorwa zvewebhu peji kwaunoisa zvinoonekwa zvemukati uye mushandisi interface zvinhu.<form>
: Chinhu chefomu chinogona kuva nenzvimbo dzekupinza. Mune ino kesi, inoshandiswa kuve neyakavanzika yekuisa munda inozogarwa nemazuva ano.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Iyi inzvimbo yakavanzika yekuisa. Haioneki pane peji asi inogona kuchengeta data. Yakapihwa ID ye "hiddenDateField" uye zita re "hiddenDateField" yekuzivikanwa uye kushandiswa muJavaScript.<script>
: Iyi ndiyo tegi yekuvhura yeJavaScript script block, kwaunogona kunyora JavaScript kodhi.function getFormattedDate() { ... }
: Izvi zvinotsanangura basa reJavaScript rinonzigetFormattedDate()
. Mukati mebasa iri:- Inogadzira itsva
Date
chinhu chinomiririra zuva razvino uye nguva yekushandisaconst today = new Date();
. - Inogadzirisa zuva kuita tambo ine chimiro chaunoda (mm/dd/yyyy) uchishandisa
today.toLocaleDateString()
. The'en-US'
nharo inotsanangura nzvimbo (American English) yefomati, uye chinhu chineyear
,month
, uyeday
properties inotsanangura date format.
- Inogadzira itsva
return formattedDate;
: Mutsetse uyu unodzosera zuva rakarongwa setambo.document.getElementById('hiddenDateField').value = getFormattedDate();
: Iyi mutsara wekodhi:- tizvishandise
document.getElementById('hiddenDateField')
kusarudza nzvimbo yakavanzika yekupinza ine ID "hiddenDateField." - Inoisa iyo
value
pfuma yenzvimbo yakasarudzwa yekuisa kune kukosha kwakadzorerwa negetFormattedDate()
basa. Izvi zvinozadza nzvimbo yakavanzika nedeti ranhasi mune yakatarwa fomati.
- tizvishandise
Mhedzisiro ndeyokuti kana peji yazara, iyo yakavanzika yekuisa munda ine ID "hiddenDateField" inogarwa nemazuva ano mufomati mm/dd/yyyy isina anotungamira zero, sekutsanangurwa kwazvino. getFormattedDate()
basa.
Maitiro Ekuisa Sei Munda Wefomu NeZuva Ranhasi uye 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>
Iyi HTML neJavaScript kodhi inoratidza mashandisirwo ejQuery kufanozadza nzvimbo yakavanzika yekupinda nemazuva anhasi, yakarongwa semm/dd/yyyy, isina anotungamira mazero. Ngatitaurei nhanho nhanho:
<!DOCTYPE html>
uye<html>
: Aya ndiwo akajairwa HTML gwaro zviziviso zvinoratidza kuti iri igwaro reHTML5.<head>
: Chikamu ichi chinoshandiswa kusanganisira metadata uye zviwanikwa zvewebhu peji.<title>
: Inoisa zita rewebhu peji ku "Date Prepopulation nejQuery uye JavaScript Date Object."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Mutsetse uyu unosanganisira raibhurari yejQuery nekutsanangura kwairi kubva kunetiweki yekutumira network (CDN). Inovimbisa kuti raibhurari yejQuery inowanikwa kuti ishandiswe pane peji rewebhu.<body>
: Iyi ndiyo nzvimbo huru yezvinyorwa zvewebhu peji kwaunoisa zvinoonekwa zvemukati uye mushandisi interface zvinhu.<form>
: Chinhu cheHTML fomu chinoshandiswa kuve neminda yekupinza. Mune ino kesi, inoshandiswa kuvhara iyo yakavanzika yekuisa ndima.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Nzvimbo yakavanzika yekuisa iyo isingaonekwe pawebhu peji. Yakapihwa ID ye "hiddenDateField" uye zita re"hiddenDateField."<script>
: Iyi ndiyo tegi yekuvhura yeJavaScript script block kwaunogona kunyora JavaScript kodhi.$(document).ready(function() { ... });
: Iyi jQuery code block. Inoshandisa iyo$(document).ready()
shanda kuti uone kuti iyo kodhi irimo inomhanya mushure mekunge peji yazara zvizere. Mukati mebasa iri:const today = new Date();
inogadzira itsvaDate
chinhu chinomiririra zuva uye nguva iripo.const formattedDate = today.toLocaleDateString('en-US', { ... });
inogadzirisa zuva kuita tambo ine chimiro chaunoda (mm/dd/yyyy) uchishandisa iyotoLocaleDateString
Nzira.
$('#hiddenDateField').val(formattedDate);
inosarudza nzvimbo yakavanzika yekupinza ine ID "hiddenDateField" uchishandisa jQuery uye inoisa yayovalue
kusvika pazuva rakarongwa. Izvi zvinonyatso wedzera nzvimbo yakavanzika nemusi wanhasi mune yakatarwa fomati.
Iyo jQuery kodhi inorerutsa maitiro ekusarudza nekugadzirisa yakavanzika yekuisa ndima kana ichienzaniswa neyakachena JavaScript. Kana peji ichiremerwa, iyo yakavanzika yekuisa munda inogarwa nemazuva ano mune mm/dd/yyyy fomati, uye hapana mazero anotungamira aripo, sekutsanangurwa kwazvino mu. formattedDate
shanduka.