Yadda Ake Buga Filin Fom Tare da Kwanan Watan Yau da JavaScript ko JQuery
Yayin da yawancin mafita suna ba da damar adana kwanan wata tare da kowane nau'i na shigarwa, akwai wasu lokutan da ba zaɓi ba. Muna ƙarfafa abokan cinikinmu da su ƙara ɓoyayyun filin zuwa rukunin yanar gizon su kuma su ba da wannan bayanin tare da shigarwa don su iya bin diddigin lokacin shigar da fom. Amfani da JavaScript, wannan abu ne mai sauƙi.
Yadda Ake Buga Filin Fom Tare da Kwanan Watan Yau da 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>
Bari mu rushe lambar HTML da JavaScript da aka bayar mataki-mataki:
<!DOCTYPE html>
da kuma<html>
: Waɗannan ƙayyadaddun bayanan takaddun HTML ne waɗanda ke ƙayyadad da cewa wannan takaddar HTML5 ce.<head>
: Ana amfani da wannan sashe yawanci don haɗa metadata game da takaddar, kamar taken shafin yanar gizon, wanda aka saita ta amfani da<title>
kashi.<title>
: Wannan yana saita taken shafin yanar gizon zuwa "Tsarin Yawan Jama'a tare da JavaScript."<body>
: Wannan shine babban yanki na abun ciki na gidan yanar gizon inda kake sanya abubuwan da ake iya gani da abubuwan haɗin mai amfani.<form>
: Wani nau'i na nau'i wanda zai iya ƙunsar filayen shigarwa. A wannan yanayin, ana amfani da shi don ƙunshi ɓoyayyun filin shigar da za a cika da kwanan watan.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Wannan filin shigarwa ne mai ɓoye. Ba ya bayyana a shafin amma yana iya adana bayanai. An ba shi ID na “hiddenDateField” da sunan “hiddenDateField” don ganewa da amfani a JavaScript.<script>
: Wannan shine alamar buɗewa don toshe rubutun JavaScript, inda zaku iya rubuta lambar JavaScript.function getFormattedDate() { ... }
: Wannan yana bayyana aikin JavaScript da ake kiragetFormattedDate()
. A cikin wannan aikin:- Yana haifar da sabo
Date
abu mai wakiltar kwanan wata da lokaci ta amfani da shiconst today = new Date();
. - Yana tsara kwanan wata zuwa kirtani tare da tsarin da ake so (mm/dd/yyyy) ta amfani da shi
today.toLocaleDateString()
. The'en-US'
gardama tana ƙayyadadden wurin (Ingilishi na Amurka) don tsarawa, da abin da ke da shiyear
,month
, Da kumaday
Kaddarorin suna bayyana tsarin kwanan wata.
- Yana haifar da sabo
return formattedDate;
: Wannan layin yana dawo da tsara kwanan wata azaman kirtani.document.getElementById('hiddenDateField').value = getFormattedDate();
: Wannan layin code:- amfani
document.getElementById('hiddenDateField')
don zaɓar filin shigar da ɓoye tare da ID "hiddenDateField." - Saita da
value
dukiyar filin shigarwar da aka zaɓa zuwa ƙimar da aka dawo da itagetFormattedDate()
aiki. Wannan yana cika buyayyar filin tare da kwanan wata a cikin ƙayyadadden tsari.
- amfani
Sakamakon ƙarshe shine lokacin da shafin yayi lodi, filin shigar da ɓoye mai ɗauke da ID "hiddenDateField" yana cike da kwanan wata a cikin sigar mm/dd/yyyy ba tare da jagorar sifili ba, kamar yadda aka ƙayyade a cikin getFormattedDate()
aiki.
Yadda Ake Buga Filin Fom Tare da Kwanan Watan Yau da 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>
Wannan lambar HTML da JavaScript tana nuna yadda ake amfani da jQuery don ƙaddamar da ɓoyayyun filin shigarwa tare da kwanan watan, wanda aka tsara kamar mm/dd/yyyy, ba tare da jagorar sifili ba. Bari mu rushe shi mataki-mataki:
<!DOCTYPE html>
da kuma<html>
: Waɗannan ƙayyadaddun takaddun takaddun HTML ne waɗanda ke nuna cewa wannan takaddar HTML5 ce.<head>
Ana amfani da wannan sashe don haɗa metadata da albarkatu don shafin yanar gizon.<title>
: Yana saita taken shafin yanar gizon zuwa "Tsarin Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararrun Ƙwararru da JavaScript."<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
: Wannan layin ya haɗa da ɗakin karatu na jQuery ta hanyar tantance tushen sa daga cibiyar sadarwar isar da abun ciki (CDN). Yana tabbatar da cewa akwai ɗakin karatu na jQuery don amfani akan shafin yanar gizon.<body>
: Wannan shine babban yanki na abun ciki na gidan yanar gizon inda kake sanya abubuwan da ake iya gani da abubuwan haɗin mai amfani.<form>
: Wani nau'in nau'i na HTML da ake amfani dashi don ƙunshi filayen shigarwa. A wannan yanayin, ana amfani da shi don ɓoye filin shigarwar da ke ɓoye.<input type="hidden" id="hiddenDateField" name="hiddenDateField">
: Falin shigar da ɓoyayyi wanda ba za a iya gani a shafin yanar gizon ba. An sanya shi ID na "boyeDateField" da sunan "hiddenDateField."<script>
: Wannan shine alamar buɗewa don toshe rubutun JavaScript inda zaku iya rubuta lambar JavaScript.$(document).ready(function() { ... });
: Wannan toshe lambar jQuery ce. Yana amfani da$(document).ready()
aiki don tabbatar da cewa lambar da ke ƙunshe tana gudana bayan an cika shafin. A cikin wannan aikin:const today = new Date();
ya haifar da sabonDate
abu mai wakiltar kwanan wata da lokaci na yanzu.const formattedDate = today.toLocaleDateString('en-US', { ... });
tsara kwanan wata zuwa kirtani tare da tsarin da ake so (mm/dd/yyyy) ta amfani datoLocaleDateString
Hanya.
$('#hiddenDateField').val(formattedDate);
yana zaɓar filin shigar da ɓoye tare da ID "hiddenDateField" ta amfani da jQuery kuma ya saita tavalue
zuwa ranar da aka tsara. Wannan yana ƙaddamar da ɓoyayyen filin tare da kwanan wata a cikin ƙayyadadden tsari.
Lambar jQuery tana sauƙaƙa aiwatar da zaɓi da gyaggyara filin shigar da ɓoye idan aka kwatanta da JavaScript mai tsabta. Lokacin da shafin ya yi lodi, filin shigar da ɓoyayyiyar yana cike da kwanan wata a cikin tsarin mm/dd/ yyyy, kuma babu manyan sifili, kamar yadda aka ƙayyade a cikin formattedDate
m.