Me pehea te Whakaritea i tetahi Apure Puka me te Ra o tenei ra me te JavaScript me te JQuery ranei
Ahakoa te maha o nga otinga e whai waahi ana ki te penapena i te ra me ia puka whakaurunga, tera ano etahi waa kaore he whiringa. Ka akiaki matou i o taatau kiritaki ki te taapiri i tetahi mara huna ki o raatau papaanga me te tuku i enei korero me te urunga kia taea ai e ratou te whai i te wa e whakauruhia ai nga urunga puka. Ma te whakamahi i te JavaScript, he ngawari tenei.
Me pehea te Whakanuia i tetahi Apure Puka me te Ra o tenei ra me te 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>
Me wawahi te HTML me te waehere JavaScript kua whakaratohia ma te taahiraa:
<!DOCTYPE html>
a<html>
: He whakapuakanga tuhinga HTML paerewa enei e tohu ana he tuhinga HTML5 tenei.<head>
: Ka whakamahia tenei waahanga ki te whakauru i nga raraunga meta mo te tuhinga, penei i te taitara o te wharangi tukutuku, kua tautuhia ma te whakamahi i te<title>
huānga.<title>
: Ka tautuhia te taitara o te wharangi tukutuku ki te "Ra Whakanuia me te JavaScript."<body>
: Koinei te waahanga ihirangi matua o te wharangi paetukutuku ka tuu koe i nga mea e kitea ana me nga huānga atanga kaiwhakamahi.<form>
: He huānga puka kei roto nga mara whakauru. I tenei take, ka whakamahia hei whakauru i te mara whakauru huna ka whakakiia ki te ra o tenei ra.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: He mara whakauru huna tenei. Kare e puta ki te wharangi engari ka taea te penapena raraunga. Ka hoatu he ID o “hiddenDateField” me te ingoa o “hiddenDateField” hei tautuhi me te whakamahi i te JavaScript.<script>
: Koinei te tohu whakatuwhera mo te poraka tuhinga JavaScript, ka taea e koe te tuhi waehere JavaScript.function getFormattedDate() { ... }
: Ka tautuhi tenei i tetahi mahi JavaScript e kiia anagetFormattedDate()
. I roto i tenei mahi:- Ka hanga he hou
Date
ahanoa e tohu ana i te ra me te wa e whakamahi anaconst today = new Date();
. - Ka whakahōputuhia te rā ki te aho me te hōputu e hiahiatia ana (mm/dd/yyyy) mā te whakamahi
today.toLocaleDateString()
. te'en-US'
tautohenga whakapūtā te rohe (American English) mo te whakahōputu, me te ahanoa kiyear
,month
, aday
Ka tautuhia e nga taonga te whakatakotoranga ra.
- Ka hanga he hou
return formattedDate;
: Ka whakahokia e tenei raina te ra whakahōputu hei aho.document.getElementById('hiddenDateField').value = getFormattedDate();
: Tenei rarangi waehere:- whakamahinga
document.getElementById('hiddenDateField')
ki te whiriwhiri i te mara whakauru huna me te ID "hiddenDateField." - Ka tautuhia te
value
āhuatanga o te āpure tāuru kua tīpakohia ki te uara i whakahokia mai e tegetFormattedDate()
mahi. Ka whakakīia te āpure huna ki te rā o tēnei rā i roto i te hōputu kua tohua.
- whakamahinga
Ko te mutunga ko te wa e utaina ana te wharangi, ka whakakiia te mara whakauru huna me te ID “hiddenDateField” ki te ra o tenei ra i roto i te whakatakotoranga mm/dd/yyyy me te kore e arahi i nga tohu kore, penei i te getFormattedDate()
mahi.
Me pehea te Whakanuia i tetahi Apure Puka me te Ra me te jQuery o tenei ra
<!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>
Ko tenei waehere HTML me JavaScript e whakaatu ana me pehea te whakamahi i te jQuery ki te whakakii i tetahi mara whakauru huna me te ra o tenei ra, kua whakahōputuhia hei mm/dd/yyyy, me te kore e arahi i nga tohu kore. Me wehewehe i te taahiraa i te taahiraa:
<!DOCTYPE html>
a<html>
: He whakapuakanga tuhinga HTML paerewa enei e tohu ana he tuhinga HTML5 tenei.<head>
: Ka whakamahia tenei waahanga mo te whakauru metadata me nga rauemi mo te wharangi paetukutuku.<title>
: Ka tautuhi i te taitara o te wharangi tukutuku ki te "Raa Tuhinga o mua me te jQuery me te JavaScript Ra Ahanoa."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Kei roto i tenei raina te whare pukapuka jQuery ma te tohu i tona puna mai i te whatunga tuku ihirangi (CDN). Ka whakarite kei te waatea te whare pukapuka jQuery hei whakamahi i te wharangi paetukutuku.<body>
: Koinei te waahanga ihirangi matua o te wharangi paetukutuku ka tuu koe i nga mea e kitea ana me nga huānga atanga kaiwhakamahi.<form>
: He huānga puka HTML i whakamahia hei whakauru i nga mara whakauru. I roto i tenei take, ka whakamahia hei whakauru i te mara whakauru huna.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: He āpure tāuru huna e kore e kitea ki te whārangi tukutuku. Kua tautapahia he ID o “hiddenDateField” me te ingoa o “hiddenDateField.”<script>
: Koinei te tohu whakatuwhera mo te poraka tuhinga JavaScript ka taea e koe te tuhi waehere JavaScript.$(document).ready(function() { ... });
: He poraka waehere jQuery tenei. Ka whakamahia e ia te$(document).ready()
mahi ki te whakarite kia rere te waehere kei roto i muri i te utaina o te wharangi. I roto i tenei mahi:const today = new Date();
hanga he houDate
ahanoa e tohu ana i te rā me te wā o nāianei.const formattedDate = today.toLocaleDateString('en-US', { ... });
whakahōputuhia te rā ki te aho me te hōputu e hiahiatia ana (mm/dd/yyyy) mā te whakamahi i tetoLocaleDateString
tikanga.
$('#hiddenDateField').val(formattedDate);
ka kowhiri i te mara whakauru huna me te ID "hiddenDateField" ma te whakamahi i te jQuery me te tautuhi i tanavalue
ki te rā whakahōputu. He pai tenei ki te whakakii i te mara huna me te ra o tenei ra i roto i te whakatakotoranga kua tohua.
Ko te waehere jQuery he ngawari te mahi ki te kowhiri me te whakarereke i te mara whakauru huna i whakaritea ki te JavaScript parakore. Ina uta ana te wharangi, ka whakakiia te apure whakauru huna ki te ra o tenei ra i roto i te whakatakotoranga mm/dd/yyyy, karekau he koo matua kei reira, kua tohua i te formattedDate
tāupe.