CRM da Bayanan Bayanai

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:

  1. <!DOCTYPE html> da kuma <html>: Waɗannan ƙayyadaddun bayanan takaddun HTML ne waɗanda ke ƙayyadad da cewa wannan takaddar HTML5 ce.
  2. <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.
  3. <title>: Wannan yana saita taken shafin yanar gizon zuwa "Tsarin Yawan Jama'a tare da JavaScript."
  4. <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.
  5. <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.
  6. <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.
  7. <script>: Wannan shine alamar buɗewa don toshe rubutun JavaScript, inda zaku iya rubuta lambar JavaScript.
  8. function getFormattedDate() { ... }: Wannan yana bayyana aikin JavaScript da ake kira getFormattedDate(). A cikin wannan aikin:
    • Yana haifar da sabo Date abu mai wakiltar kwanan wata da lokaci ta amfani da shi const 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 shi year, month, Da kuma day Kaddarorin suna bayyana tsarin kwanan wata.
  9. return formattedDate;: Wannan layin yana dawo da tsara kwanan wata azaman kirtani.
  10. 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 ita getFormattedDate() aiki. Wannan yana cika buyayyar filin tare da kwanan wata a cikin ƙayyadadden tsari.

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:

  1. <!DOCTYPE html> da kuma <html>: Waɗannan ƙayyadaddun takaddun takaddun HTML ne waɗanda ke nuna cewa wannan takaddar HTML5 ce.
  2. <head>Ana amfani da wannan sashe don haɗa metadata da albarkatu don shafin yanar gizon.
  3. <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."
  4. <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.
  5. <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.
  6. <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.
  7. <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."
  8. <script>: Wannan shine alamar buɗewa don toshe rubutun JavaScript inda zaku iya rubuta lambar JavaScript.
  9. $(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 sabon Date 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 da toLocaleDateString Hanya.
  10. $('#hiddenDateField').val(formattedDate); yana zaɓar filin shigar da ɓoye tare da ID "hiddenDateField" ta amfani da jQuery kuma ya saita ta value 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.

Douglas Karr

Douglas Karr shine CMO Bude INSIGHTS kuma wanda ya kafa Martech Zone. Douglas ya taimaka da yawa na nasara MarTech farawa, ya taimaka a cikin ƙwazo na sama da $5 biliyan a Martech saye da zuba jari, kuma ya ci gaba da taimaka wa kamfanoni wajen aiwatar da sarrafa sarrafa tallace-tallace da dabarun talla. Douglas ƙwararren ƙwararren dijital ne na duniya kuma ƙwararren MarTech kuma mai magana. Douglas kuma marubuci ne da aka buga na jagorar Dummie da kuma littafin jagoranci na kasuwanci.

shafi Articles

Komawa zuwa maɓallin kewayawa
Close

An Gano Adblock

Martech Zone zai iya ba ku wannan abun cikin ba tare da farashi ba saboda muna yin monetize da rukunin yanar gizon mu ta hanyar kudaden talla, hanyoyin haɗin gwiwa, da tallafi. Za mu yi godiya idan za ku cire mai hana tallan ku yayin da kuke duba rukunin yanar gizon mu.