CRM uye Dhata Mapuratifomu

Maitiro Ekutanga Kuzadza Munda Wefomu NeZuva Ranhasi uye JavaScript kana JQuery

Nepo mhinduro zhinji dzichipa mukana wekuchengeta zuva nekupinda kwefomu yega yega, pane dzimwe nguva iyo isiri sarudzo. Isu tinokurudzira vatengi vedu kuti vawedzere nzvimbo yakavanzika kune yavo saiti uye kupfuudza ruzivo urwu pamwe nekupinda kuti vakwanise kuronda kana mafomu apinzwa. Uchishandisa JavaScript, izvi zviri nyore.

Maitiro Ekutanga Kuzadza Munda Wefomu NeZuva Ranhasi uye 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>

Ngatiparadze iyo yakapihwa HTML uye JavaScript kodhi nhanho nhanho:

  1. <!DOCTYPE html> uye <html>: Aya ndiwo akajairwa HTML gwaro zviziviso zvinotsanangura kuti iri igwaro reHTML5.
  2. <head>: Chikamu ichi chinowanzo shandiswa kusanganisira metadata nezvegwaro, senge zita rewebhu peji, iro rinoiswa pachishandiswa <title> element.
  3. <title>: Izvi zvinoseta musoro wepeji rewebhu ku "Date Prepopulation neJavaScript."
  4. <body>: Iyi ndiyo nzvimbo huru yezvinyorwa zvewebhu peji kwaunoisa zvinoonekwa zvemukati uye mushandisi interface zvinhu.
  5. <form>: Chinhu chefomu chinogona kuva nenzvimbo dzekupinza. Mune ino kesi, inoshandiswa kuve neyakavanzika yekuisa munda inozogarwa nemazuva ano.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Iyi inzvimbo yakavanzika yekuisa. Haioneki pane peji asi inogona kuchengeta data. Yakapihwa ID ye "hiddenDateField" uye zita re "hiddenDateField" yekuzivikanwa uye kushandiswa muJavaScript.
  7. <script>: Iyi ndiyo tegi yekuvhura yeJavaScript script block, kwaunogona kunyora JavaScript kodhi.
  8. function getFormattedDate() { ... }: Izvi zvinotsanangura basa reJavaScript rinonzi getFormattedDate(). Mukati mebasa iri:
    • Inogadzira itsva Date chinhu chinomiririra zuva razvino uye nguva yekushandisa const today = new Date();.
    • Inogadzirisa zuva kuita tambo ine chimiro chaunoda (mm/dd/yyyy) uchishandisa today.toLocaleDateString(). The 'en-US' nharo inotsanangura nzvimbo (American English) yefomati, uye chinhu chine year, month, uye day properties inotsanangura date format.
  9. return formattedDate;: Mutsetse uyu unodzosera zuva rakarongwa setambo.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Iyi mutsara wekodhi:
    • tizvishandise document.getElementById('hiddenDateField') kusarudza nzvimbo yakavanzika yekupinza ine ID "hiddenDateField."
    • Inoisa iyo value pfuma yenzvimbo yakasarudzwa yekuisa kune kukosha kwakadzorerwa ne getFormattedDate() basa. Izvi zvinozadza nzvimbo yakavanzika nedeti ranhasi mune yakatarwa fomati.

Mhedzisiro ndeyokuti kana peji yazara, iyo yakavanzika yekuisa munda ine ID "hiddenDateField" inogarwa nemazuva ano mufomati mm/dd/yyyy isina anotungamira zero, sekutsanangurwa kwazvino. getFormattedDate() basa.

Maitiro Ekuisa Sei Munda Wefomu NeZuva Ranhasi uye 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>

Iyi HTML neJavaScript kodhi inoratidza mashandisirwo ejQuery kufanozadza nzvimbo yakavanzika yekupinda nemazuva anhasi, yakarongwa semm/dd/yyyy, isina anotungamira mazero. Ngatitaurei nhanho nhanho:

  1. <!DOCTYPE html> uye <html>: Aya ndiwo akajairwa HTML gwaro zviziviso zvinoratidza kuti iri igwaro reHTML5.
  2. <head>: Chikamu ichi chinoshandiswa kusanganisira metadata uye zviwanikwa zvewebhu peji.
  3. <title>: Inoisa zita rewebhu peji ku "Date Prepopulation nejQuery uye JavaScript Date Object."
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Mutsetse uyu unosanganisira raibhurari yejQuery nekutsanangura kwairi kubva kunetiweki yekutumira network (CDN). Inovimbisa kuti raibhurari yejQuery inowanikwa kuti ishandiswe pane peji rewebhu.
  5. <body>: Iyi ndiyo nzvimbo huru yezvinyorwa zvewebhu peji kwaunoisa zvinoonekwa zvemukati uye mushandisi interface zvinhu.
  6. <form>: Chinhu cheHTML fomu chinoshandiswa kuve neminda yekupinza. Mune ino kesi, inoshandiswa kuvhara iyo yakavanzika yekuisa ndima.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Nzvimbo yakavanzika yekuisa iyo isingaonekwe pawebhu peji. Yakapihwa ID ye "hiddenDateField" uye zita re"hiddenDateField."
  8. <script>: Iyi ndiyo tegi yekuvhura yeJavaScript script block kwaunogona kunyora JavaScript kodhi.
  9. $(document).ready(function() { ... });: Iyi jQuery code block. Inoshandisa iyo $(document).ready() shanda kuti uone kuti iyo kodhi irimo inomhanya mushure mekunge peji yazara zvizere. Mukati mebasa iri:
    • const today = new Date(); inogadzira itsva Date chinhu chinomiririra zuva uye nguva iripo.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); inogadzirisa zuva kuita tambo ine chimiro chaunoda (mm/dd/yyyy) uchishandisa iyo toLocaleDateString Nzira.
  10. $('#hiddenDateField').val(formattedDate); inosarudza nzvimbo yakavanzika yekupinza ine ID "hiddenDateField" uchishandisa jQuery uye inoisa yayo value kusvika pazuva rakarongwa. Izvi zvinonyatso wedzera nzvimbo yakavanzika nemusi wanhasi mune yakatarwa fomati.

Iyo jQuery kodhi inorerutsa maitiro ekusarudza nekugadzirisa yakavanzika yekuisa ndima kana ichienzaniswa neyakachena JavaScript. Kana peji ichiremerwa, iyo yakavanzika yekuisa munda inogarwa nemazuva ano mune mm/dd/yyyy fomati, uye hapana mazero anotungamira aripo, sekutsanangurwa kwazvino mu. formattedDate shanduka.

Douglas Karr

Douglas Karr ndiye CMO OpenINSIGHTS uye muvambi we Martech Zone. Douglas akabatsira akawanda ekubudirira kweMarTech kutanga, akabatsira mukushingairira kweanopfuura madhora mashanu emadhora mukutenga nekudyara kweMartech, uye anoenderera mberi nekubatsira makambani kuita nekuita otomatiki nzira dzawo dzekutengesa nekutengesa. Douglas inyanzvi inozivikanwa pasi rese yedhijitari uye MarTech nyanzvi uye mutauri. Douglas zvakare munyori akaburitswa wegwaro raDummie uye bhuku rehutungamiriri hwebhizinesi.

Related Articles

Kudzoka kumusoro
pedyo

Adblock Yaonekwa

Martech Zone inokwanisa kukupa izvi zvemukati pasina muripo nekuti isu tinoita mari saiti yedu kuburikidza nemari yekushambadza, affiliate links, uye kutsigira. Tinozotenda kana iwe ukabvisa yako ad blocker iwe paunoona yedu saiti.