Mokhoa oa ho tlatsa sebaka sa Foromo ka Letsatsi la Kajeno le JavaScript kapa JQuery
Le ha litharollo tse ngata li fana ka monyetla oa ho boloka letsatsi ka mongolo o mong le o mong oa foromo, ho na le linako tse ling tseo e seng khetho. Re khothaletsa bareki ba rona hore ba kenye sebaka se patiloeng sebakeng sa bona sa marang-rang mme ba fetise tlhahisoleseling ena hammoho le keno e le hore ba tsebe ho tseba hore na ho kentsoe liforomo neng. Ho sebelisa JavaScript, sena se bonolo.
Mokhoa oa ho tlatsa Setsi sa Foromo ka Letsatsi la Kajeno le 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>
Ha re qhekelle khoutu e fanoeng ea HTML le JavaScript mohato ka mohato:
<!DOCTYPE html>
'me<html>
: Tsena ke liphatlalatso tse tloaelehileng tsa tokomane ea HTML tse hlalosang hore ena ke tokomane ea HTML5.<head>
: Karolo ena hangata e sebelisoa ho kenyelletsa metadata mabapi le tokomane, joalo ka sehlooho sa leqephe la tepo, le behiloeng ho sebelisoa<title>
elemente.<title>
: Sena se beha sehlooho sa leqephe la tepo ho "Date Prepopulation with JavaScript."<body>
: Ena ke karolo ea mantlha ea litaba tsa leqephe la tepo moo u behang litaba tse bonahalang le likarolo tsa sebopeho sa basebelisi.<form>
: Karolo ea foromo e ka bang le likarolo tsa ho kenya. Tabeng ena, e sebelisoa ho kenyelletsa karolo e patiloeng ea ho kenya e tla tlatsoa ka letsatsi la kajeno.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Ena ke sebaka se patiloeng sa ho kenya. Ha e hlahe leqepheng empa e ka boloka data. E filoe ID ea "hiddenDateField" le lebitso la "hiddenDateField" bakeng sa ho tsebahatsa le ho sebelisoa ho JavaScript.<script>
: Ena ke tag ea ho bula sebaka sa JavaScript script, moo o ka ngolang khoutu ea JavaScript.function getFormattedDate() { ... }
: Sena se hlalosa mosebetsi oa JavaScript o bitsoanggetFormattedDate()
. Ka har'a ts'ebetso ena:- E theha e ncha
Date
ntho e emelang letsatsi le nako e sebedisoangconst today = new Date();
. - E hlophisa letsatsi hore e be khoele ka sebopeho se lakatsehang (mm/dd/yyyy) e sebelisa
today.toLocaleDateString()
. The'en-US'
khang e totobatsa sebaka (American English) bakeng sa ho fometa, le ntho e nang leyear
,month
, 'meday
thepa e hlalosa sebopeho sa letsatsi.
- E theha e ncha
return formattedDate;
: Mohala ona o khutlisa letsatsi le hlophisitsoeng joalo ka khoele.document.getElementById('hiddenDateField').value = getFormattedDate();
: Mokhoa ona oa khoutu:- o sebelisa khanya e
document.getElementById('hiddenDateField')
ho khetha sebaka se patiloeng sa ho kenya ka ID "hiddenDateField." - E beha
value
thepa ea sebaka se khethiloeng sa ho kenya boleng bo khutlisetsoang kegetFormattedDate()
tshebetso. Sena se tlatsa sebaka se patiloeng ka letsatsi la kajeno ka mokhoa o boletsoeng.
- o sebelisa khanya e
Sephetho ke hore ha leqephe le jara, sebaka sa ho kenya se patiloeng se nang le ID "hiddenDateField" se tlatsitsoe ka letsatsi la kajeno ka sebopeho mm/dd/yyyy ntle le li-zero tse etellang pele, joalo ka ha ho boletsoe ho getFormattedDate()
sebetsa.
Mokhoa oa ho tlatsa Setsi sa Foromo ka Letsatsi la Kajeno le 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>
Khoutu ena ea HTML le JavaScript e bonts'a mokhoa oa ho sebelisa jQuery ho tlatsa sebaka sa ho kenya se patiloeng ka letsatsi la kajeno, le hlophisitsoeng joalo ka mm/dd/yyyy, ntle le li-zero tse etellang pele. Ha re e arole mohato ka mohato:
<!DOCTYPE html>
'me<html>
: Tsena ke liphatlalatso tse tloaelehileng tsa tokomane ea HTML tse bontšang hore ena ke tokomane ea HTML5.<head>
: Karolo ena e sebelisetsoa ho kenyelletsa metadata le lisebelisoa bakeng sa leqephe la tepo.<title>
: E beha sehlooho sa leqephe ho "Date Prepopulation with jQuery le JavaScript Date Object."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Mohala ona o kenyelletsa laeborari ea jQuery ka ho hlakisa mohloli oa eona ho tsoa marang-rang a phano ea litaba (CDN). E netefatsa hore laeborari ea jQuery e teng bakeng sa ho sebelisoa leqepheng la webo.<body>
: Ena ke karolo ea mantlha ea litaba tsa leqephe la tepo moo u behang litaba tse bonahalang le likarolo tsa sebopeho sa basebelisi.<form>
: Karolo ea foromo ea HTML e sebelisoang ho kenyelletsa likarolo tsa ho kenya. Tabeng ena, e sebelisetsoa ho kenyelletsa karolo e patiloeng ea ho kenya.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Karolo e patiloeng ea ho kenya e ke keng ea bonahala leqepheng la tepo. E filoe ID ea "hiddenDateField" le lebitso la "hiddenDateField."<script>
: Ena ke tag e qalang bakeng sa sengoloa sa JavaScript moo o ka ngolang khoutu ea JavaScript.$(document).ready(function() { ... });
: Ena ke jQuery code block. E sebelisa$(document).ready()
sebetsa ho netefatsa hore khoutu e teng e sebetsa kamora hore leqephe le phethe ka botlalo. Ka har'a ts'ebetso ena:const today = new Date();
e theha e nchaDate
ntho e emelang letsatsi le nako ya jwale.const formattedDate = today.toLocaleDateString('en-US', { ... });
e hlophisa letsatsi hore e be khoele e nang le sebopeho se lakatsehang (mm/dd/yyyy) e sebelisa faele eatoLocaleDateString
Mokhoa.
$('#hiddenDateField').val(formattedDate);
e khetha sebaka sa ho kenya se patiloeng ka ID "hiddenDateField" e sebelisa jQuery ebe e e behavalue
ho fihlela letsatsing le hlophisitsoeng. Sena se etsa hantle pele ho sebaka se patiloeng ka letsatsi la kajeno ka mokhoa o boletsoeng.
Khoutu ea jQuery e nolofatsa mokhoa oa ho khetha le ho fetola sebaka se patiloeng sa ho kenya ha se bapisoa le JavaScript e hloekileng. Ha leqephe le laela, sebaka sa ho kenya se patiloeng se tlatsoa ka letsatsi la kajeno ka sebopeho sa mm/dd/yyyy, 'me ha ho na li-zero tse teng, joalo ka ha ho boletsoe ho formattedDate
polygonal.