Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo JavaScript ama JQuery
Iyadoo xalal badani ay bixiyaan fursad lagu kaydiyo taariikhda foom kasta oo la soo galo, waxaa jira waqtiyo kale oo aanay ahayn ikhtiyaar. Waxaan ku dhiirigelinaynaa macaamiisheena inay ku daraan goob qarsoon goobtooda oo ay u gudbiyaan macluumaadkan oo ay la socdaan gelitaanka si ay ula socdaan marka foomka la gelayo. Isticmaalka JavaScript, tani waa sahlan tahay.
Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo 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>
Aynu tallaabo tallaabo u kala qaadno koodka HTML iyo JavaScript ee la bixiyay:
<!DOCTYPE html>
iyo<html>
: Kuwani waa caddaynta dukumeenti HTML ee tilmaamaya in kani yahay dukumeenti HTML5 ah.<head>
Qaybtan waxaa sida caadiga ah loo isticmaalaa in lagu daro xogta badan ee ku saabsan dokumentiga, sida ciwaanka bogga mareegaha, kaas oo lagu dejiyay isticmaalka<title>
cunsur<title>
: Tani waxay ka dhigaysaa ciwaanka bogga mareegaha "Taariikhda Ku-soo-kordhinta JavaScript."<body>
: Tani waa meesha ugu muhiimsan ee ku jirta bogga mareegaha halkaas oo aad dhigto nuxurka muuqda iyo walxaha is-dhexgalka isticmaalaha.<form>
: Waa curiye ka koobnaan kara meelaha wax lagu geliyo. Xaaladdan oo kale, waxaa loo isticmaalaa in lagu daro goobta gelinta qarsoon ee lagu buuxin doono taariikhda maanta.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Tani waa goob gelinta qarsoon. Kama muuqato bogga laakiin waxay kaydin kartaa xogta. Waxaa la siiyay aqoonsiga "HiddenDateField" iyo magaca "HiddenDateField" ee aqoonsiga iyo isticmaalka JavaScript.<script>
: Tani waa summada furitaanka ee block script JavaScript, halkaas oo aad ku qori kartaa code JavaScript.function getFormattedDate() { ... }
: Tani waxay qeexaysaa shaqada JavaScript ee loo yaqaangetFormattedDate()
. Shaqadan gudaheeda:- Waxay abuurtaa mid cusub
Date
shay matalaya taariikhda iyo wakhtiga hadda la isticmaalayoconst today = new Date();
. - Waxa ay taariikhda u qaabaysaa xadhig leh qaabka la rabo (mm/dd/yyyy) iyada oo la isticmaalayo
today.toLocaleDateString()
. The'en-US'
dooddu waxay qeexaysaa meesha (Ingiriiska Ameerika) ee qaabaynta, iyo shayga lehyear
,month
, Iyoday
guryaha ayaa qeexaya qaabka taariikhda.
- Waxay abuurtaa mid cusub
return formattedDate;
: Sadarkani waxa uu soo celinayaa taariikhda la qaabeeyey sida xadhig ahaan.document.getElementById('hiddenDateField').value = getFormattedDate();
: Sadarkan koodka:- Isticmaalida
document.getElementById('hiddenDateField')
si aad u doorato goobta galinta qarsoon ee leh aqoonsiga "HiddenDateField." - Wuxuu dhigayaa
value
hantida goobta galinta la doortay ee qiimaha uu soo celiyaygetFormattedDate()
shaqayn Tani waxay buuxinaysaa goobta qarsoon taariikhda maanta ee qaabka la cayimay.
- Isticmaalida
Natiijada kama dambaysta ahi waa in marka boggu soo baxo, goobta galinta qarsoon ee leh aqoonsiga "HiddenDateField" ay buux dhaafisay taariikhda maanta oo ah qaabka mm/dd/yyyy iyada oo aan lahayn eber, sida lagu qeexay getFormattedDate()
shaqo.
Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo 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>
Koodhkan HTML iyo JavaScript wuxuu muujinayaa sida loo isticmaalo jQuery si loo sii daayo goob galinta qarsoon oo leh taariikhda maanta, oo loo qaabeeyey mm/dd/yyyy, iyada oo aan lahayn eber hogaaminaya. Aynu u kala qaadno tallaabo tallaabo:
<!DOCTYPE html>
iyo<html>
: Kuwani waa caddaynta dukumeenti HTML oo tilmaamaya in kani yahay dukumeenti HTML5 ah.<head>
Qaybtan waxaa loo isticmaalaa in lagu daro xogta badan iyo agabka bogga mareegaha.<title>
: Wuxuu dejiyaa ciwaanka bogga "Taariikhda Prepopulation with jQuery iyo JavaScript Date Object."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Xariiqan waxaa ku jira maktabadda jQuery iyadoo la qeexayo isha ay ka timid shabakadda gudbinta nuxurka (CDN). Waxay hubisaa in maktabadda jQuery ay diyaar u tahay isticmaalka bogga shabakadda.<body>
: Tani waa meesha ugu muhiimsan ee ku jirta bogga mareegaha halkaas oo aad dhigto nuxurka muuqda iyo walxaha is-dhexgalka isticmaalaha.<form>
: Waa curiye HTML ah oo loo isticmaalo inuu ka kooban yahay meelaha wax lagu geliyo. Xaaladdan oo kale, waxaa loo isticmaalaa in lagu koobo goobta gelinta qarsoon.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Gelin galinta qarsoon oo aan ka muuqan doonin bogga mareegaha. Waxaa loo qoondeeyay aqoonsiga "HiddenDateField" iyo magaca "HiddenDateField."<script>
: Tani waa summada furitaanka ee barta qoraalka JavaScript halkaas oo aad ku qori karto koodka JavaScript.$(document).ready(function() { ... });
: Kani waa block koodka jQuery. Waxay isticmaashaa$(document).ready()
shaqeynta si loo hubiyo in koodka ku jira uu socdo ka dib markii bogga si buuxda loo raro. Shaqadan gudaheeda:const today = new Date();
cusub abuuraaDate
shay matalaya taariikhda iyo wakhtiga hadda.const formattedDate = today.toLocaleDateString('en-US', { ... });
wuxuu u qaabeeyaa taariikhda xarriiq qaabka la rabo (mm/dd/yyyy) isagoo isticmaalayatoLocaleDateString
habka.
$('#hiddenDateField').val(formattedDate);
doorta goobta galinta qarsoon ee aqoonsiga "HiddenDateField" adoo isticmaalaya jQuery oo dejinayavalue
ilaa taariikhda la qaabeeyey. Tani waxay si wax ku ool ah u hordhigtaa goobta qarsoon taariikhda maanta ee qaabka la cayimay.
Koodhka jQuery wuxuu fududeeyaa habka xulashada iyo wax ka beddelka goobta gelinta qarsoon marka loo eego JavaScript saafiga ah. Marka boggu soo baxo, goobta gelinta qarsoon waxaa buux dhaafiyay taariikhda maanta oo ah qaabka mm/dd/yyyy, mana jiraan eber hormood ah, sida lagu qeexay formattedDate
is beddelaya.