Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus JavaScript nó JQuery
Cé go dtugann go leor réitigh an deis an dáta a stóráil le gach iontráil foirme, tá amanna eile ann nuair nach rogha é. Molaimid dár gcliaint réimse folaithe a chur lena láithreán agus an fhaisnéis seo a chur ar aghaidh mar aon leis an iontráil ionas gur féidir leo a rianú nuair a chuirtear iontrálacha foirmeacha isteach. Ag baint úsáide as JavaScript, tá sé seo éasca.
Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus 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>
Déanaimis an cód HTML agus JavaScript a sholáthraítear a bhriseadh síos céim ar chéim:
<!DOCTYPE html>
agus<html>
: Is dearbhuithe caighdeánacha doiciméad HTML iad seo a shonraíonn gur doiciméad HTML5 é seo.<head>
: Úsáidtear an rannán seo go hiondúil chun meiteashonraí faoin doiciméad a chur san áireamh, mar shampla teideal an leathanaigh ghréasáin, a shocraítear leis an<title>
eilimint.<title>
: Socraíonn sé seo teideal an leathanaigh ghréasáin mar “Date Prepopulation with JavaScript.”<body>
: Seo é an príomhréimse ábhair den leathanach gréasáin ina gcuireann tú an t-ábhar infheicthe agus na heilimintí comhéadan úsáideora.<form>
: Gné foirme ar féidir réimsí ionchuir a chuimsiú. Sa chás seo, úsáidtear é chun an réimse ionchuir folaithe a chuimseofar le dáta an lae inniu a chuimsiú.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Is réimse ionchuir folaithe é seo. Níl sé le feiceáil ar an leathanach ach is féidir sonraí a stóráil. Tugtar aitheantas “hiddenDateField” air agus ainm “hiddenDateField” le haithint agus le húsáid i JavaScript.<script>
: Is é seo an chlib oscailte do bhloc script JavaScript, áit ar féidir leat cód JavaScript a scríobh.function getFormattedDate() { ... }
: Sainmhíníonn sé seo feidhm JavaScript ar a dtugtargetFormattedDate()
. Laistigh den fheidhm seo:- Cruthaíonn sé nua
Date
réad a léiríonn an dáta agus an t-am reatha ag baint úsáide asconst today = new Date();
. - Formáidí sé an dáta i teaghrán leis an fhormáid atá ag teastáil (mm/dd/bbbb) ag baint úsáide as
today.toLocaleDateString()
. An'en-US'
sonraítear an logán (Béarla Meiriceánach) don fhormáidiú, agus an réad leyear
,month
, agusday
sainmhíníonn airíonna an fhormáid dáta.
- Cruthaíonn sé nua
return formattedDate;
: Filleann an líne seo an dáta formáidithe mar theaghrán.document.getElementById('hiddenDateField').value = getFormattedDate();
: An líne cód seo:- Úsáidí
document.getElementById('hiddenDateField')
chun an réimse ionchuir folaithe a roghnú leis an ID “hiddenDateField.” - Socraíonn an
value
airí an réimse ionchuir roghnaithe go dtí an luach ar ais ag angetFormattedDate()
feidhm. Áiríonn sé seo an réimse folaithe le dáta an lae inniu san fhormáid sonraithe.
- Úsáidí
Is é an toradh deiridh ná nuair a lódálann an leathanach, go bhfuil an réimse ionchuir folaithe le haitheantas “hiddenDateField” líonta le dáta an lae inniu san fhormáid mm/dd/bbbb gan nialas tosaigh, mar atá sonraithe sa getFormattedDate()
fheidhm.
Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus 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>
Léiríonn an cód HTML agus JavaScript seo conas jQuery a úsáid chun réimse ionchuir folaithe a réamhdhaonra le dáta an lae inniu, formáidithe mar mm/dd/bbbb, gan nialas tosaigh. Déanaimis é a bhriseadh síos céim ar chéim:
<!DOCTYPE html>
agus<html>
: Is dearbhuithe caighdeánacha doiciméad HTML iad seo a thugann le fios gur doiciméad HTML5 é seo.<head>
: Úsáidtear an rannán seo chun meiteashonraí agus acmhainní a áireamh don leathanach gréasáin.<title>
: Socraíonn sé teideal an leathanaigh ghréasáin mar “Dáta Réamhdhaonra le jQuery agus JavaScript Date Object.”<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Áiríonn an líne seo leabharlann jQuery trína foinse a shonrú ó líonra seachadta inneachair (CDN). Cinntíonn sé go bhfuil an leabharlann jQuery ar fáil le húsáid ar an leathanach gréasáin.<body>
: Seo é an príomhréimse ábhair den leathanach gréasáin ina gcuireann tú an t-ábhar infheicthe agus na heilimintí comhéadan úsáideora.<form>
: Eilimint fhoirm HTML a úsáidtear chun réimsí ionchuir a chuimsiú. Sa chás seo, úsáidtear é chun an réimse ionchuir folaithe a chuimsiú.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Réimse ionchuir folaithe nach mbeidh le feiceáil ar an leathanach gréasáin. Sanntar ID “hiddenDateField” agus ainm “hiddenDateField” air.<script>
: Is é seo an chlib oscailte do bhloc script JavaScript áit ar féidir leat cód JavaScript a scríobh.$(document).ready(function() { ... });
: Is bloc cód jQuery é seo. Úsáideann sé an$(document).ready()
feidhm chun a chinntiú go ritheann an cód cuimsithe tar éis an leathanach a luchtú go hiomlán. Laistigh den fheidhm seo:const today = new Date();
cruthaíonn nuaDate
réad a léiríonn an dáta agus an t-am reatha.const formattedDate = today.toLocaleDateString('en-US', { ... });
formáidí an dáta i teaghrán leis an bhformáid atá ag teastáil (mm/dd/bbbb) ag baint úsáide as antoLocaleDateString
modh.
$('#hiddenDateField').val(formattedDate);
roghnaíonn sé an réimse ionchuir folaithe leis an ID “hiddenDateField” ag baint úsáide as jQuery agus socraíonn sé avalue
go dtí an dáta formáidithe. Déanann sé seo an réimse folaithe a réamhphobail go héifeachtach le dáta an lae inniu san fhormáid sonraithe.
Simplíonn an cód jQuery an próiseas chun an réimse ionchuir folaithe a roghnú agus a mhodhnú i gcomparáid le JavaScript íon. Nuair a luchtaítear an leathanach, cuirtear dáta an lae inniu san fhormáid mm/dd/bbbb sa réimse ionchuir folaithe, agus níl aon nialais tosaigh i láthair, mar atá sonraithe sa formattedDate
athróg.