Kif Prepopulati Qasam tal-Formola bid-Data tal-lum u JavaScript jew JQuery
Filwaqt li ħafna soluzzjonijiet joffru l-opportunità li taħżen id-data ma 'kull dħul fil-formola, hemm drabi oħra meta mhix għażla. Inħeġġu lill-klijenti tagħna biex iżidu qasam moħbi mas-sit tagħhom u jgħaddu din l-informazzjoni flimkien mad-dħul sabiex ikunu jistgħu jsegwu meta jiddaħħlu l-entrati tal-formola. Billi tuża JavaScript, dan huwa faċli.
Kif Tippopola Qasam tal-Formola minn qabel bid-Data tal-lum u l-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>
Ejja nkissru l-kodiċi HTML u JavaScript ipprovdut pass pass:
<!DOCTYPE html>
u,<html>
: Dawn huma dikjarazzjonijiet standard ta' dokumenti HTML li jispeċifikaw li dan huwa dokument HTML5.<head>
: Din it-taqsima hija tipikament użata biex tinkludi metadata dwar id-dokument, bħat-titlu tal-paġna web, li hija ssettjata bl-użu tal-<title>
element.<title>
: Dan jistabbilixxi t-titlu tal-paġna web għal "Data Prepopolazzjoni b'JavaScript."<body>
: Din hija ż-żona tal-kontenut prinċipali tal-paġna web fejn tpoġġi l-kontenut viżibbli u l-elementi tal-interface tal-utent.<form>
: Element tal-formola li jista' jkun fih oqsma ta' input. F'dan il-każ, huwa użat biex ikun fih il-qasam ta 'input moħbi li se jkun popolat bid-data tal-lum.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Dan huwa qasam ta' input moħbi. Ma jidhirx fuq il-paġna iżda jista 'jaħżen data. Huwa jingħata ID ta '"hiddenDateField" u isem ta' "hiddenDateField" għall-identifikazzjoni u l-użu f'JavaScript.<script>
: Din hija t-tikketta tal-ftuħ għal blokk ta 'skript JavaScript, fejn tista' tikteb kodiċi JavaScript.function getFormattedDate() { ... }
: Dan jiddefinixxi funzjoni JavaScript imsejħagetFormattedDate()
. Ġewwa din il-funzjoni:- Dan joħloq ġdid
Date
oġġett li jirrappreżenta d-data u l-ħin kurrenti bl-użuconst today = new Date();
. - Hija tifforma d-data fi string bil-format mixtieq (mm/jj/ssss) bl-użu
today.toLocaleDateString()
. il'en-US'
argument jispeċifika l-lokal (Ingliż Amerikan) għall-ifformattjar, u l-oġġett biyear
,month
, uday
proprjetajiet jiddefinixxi l-format tad-data.
- Dan joħloq ġdid
return formattedDate;
: Din il-linja tirritorna d-data ifformattjata bħala string.document.getElementById('hiddenDateField').value = getFormattedDate();
: Din il-linja tal-kodiċi:- użi
document.getElementById('hiddenDateField')
biex tagħżel il-qasam tal-input moħbi bl-ID "hiddenDateField." - Issettja l-
value
proprjetà tal-field input magħżul għall-valur ritornat mill-getFormattedDate()
funzjoni. Dan jimla l-qasam moħbi bid-data tal-lum fil-format speċifikat.
- użi
Ir-riżultat aħħari huwa li meta l-paġna titgħabba, il-qasam tal-input moħbi bl-ID "hiddenDateField" huwa popolat bid-data tal-lum fil-format mm/dd/yyyy mingħajr żero ewlenin, kif speċifikat fil- getFormattedDate()
funzjoni.
Kif Ippopola Qasam tal-Formola minn qabel bid-Data tal-lum u 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>
Dan il-kodiċi HTML u JavaScript juri kif tuża jQuery biex timla minn qabel qasam ta’ input moħbi bid-data tal-lum, ifformattjat bħala mm/jj/ssss, mingħajr żero ewlenin. Ejja nkissruha pass pass:
<!DOCTYPE html>
u,<html>
: Dawn huma dikjarazzjonijiet standard ta' dokumenti HTML li jindikaw li dan huwa dokument HTML5.<head>
: Din it-taqsima tintuża biex tinkludi metadata u riżorsi għall-paġna web.<title>
: Issettja t-titlu tal-paġna web għal "Data Prepopulation with jQuery and JavaScript Date Object."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Din il-linja tinkludi l-librerija jQuery billi tispeċifika s-sors tagħha minn netwerk ta’ kunsinna ta’ kontenut (CDN). Jiżgura li l-librerija jQuery tkun disponibbli għall-użu fuq il-paġna web.<body>
: Din hija ż-żona tal-kontenut prinċipali tal-paġna web fejn tpoġġi l-kontenut viżibbli u l-elementi tal-interface tal-utent.<form>
: Element tal-formola HTML użat biex ikun fih oqsma ta' input. F'dan il-każ, huwa użat biex jinkapsula l-qasam ta 'input moħbi.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Field input moħbi li mhux se jkun viżibbli fuq il-paġna web. Huwa assenjat ID ta '"hiddenDateField" u isem ta' "hiddenDateField."<script>
: Din hija t-tikketta tal-ftuħ għal blokk ta' skript JavaScript fejn tista' tikteb kodiċi JavaScript.$(document).ready(function() { ... });
: Din hija blokka kodiċi jQuery. Hija tuża l-$(document).ready()
funzjoni biex tiżgura li l-kodiċi li jinsab jaħdem wara li l-paġna tkun ikkargata kompletament. Ġewwa din il-funzjoni:const today = new Date();
joħloq ġdidDate
oġġett li jirrappreżenta d-data u l-ħin kurrenti.const formattedDate = today.toLocaleDateString('en-US', { ... });
jifformattja d-data f'sekwenza bil-format mixtieq (mm/jj/ssss) bl-użu tal-toLocaleDateString
metodu.
$('#hiddenDateField').val(formattedDate);
jagħżel il-qasam tal-input moħbi bl-ID "hiddenDateField" billi juża jQuery u jistabbilixxi tiegħuvalue
għad-data ifformattjata. Dan effettivament jimla minn qabel il-qasam moħbi bid-data tal-lum fil-format speċifikat.
Il-kodiċi jQuery jissimplifika l-proċess tal-għażla u l-modifika tal-qasam tal-input moħbi meta mqabbel ma 'JavaScript pur. Meta l-paġna titgħabba, il-qasam tal-input moħbi jimtela bid-data tal-lum fil-format mm/jj/ssss, u l-ebda żero ewlieni ma jkun preżenti, kif speċifikat fil- formattedDate
varjabbli.