CRM û Platformên Daneyê

Meriv çawa Qadek Formek Bi Dîroka Îro û JavaScript an JQuery-yê Pêşdixe

Digel ku gelek çareserî fersendê didin ku tarîxê bi her têketina formê re hilînin, carinan carinan hene ku ew ne vebijarkek e. Em xerîdarên xwe teşwîq dikin ku qadek veşartî li malpera xwe zêde bikin û vê agahiyê ligel têketinê derbas bikin da ku ew karibin gava têketina formê bişopînin. Bikaranîna JavaScriptê, ev hêsan e.

Meriv çawa Qadek Formek Bi Dîroka Îro û JavaScript-ê Pêşdixe

<!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>

Werin em gav bi gav koda HTML û JavaScriptê ya pêşkêşkirî bişkînin:

  1. <!DOCTYPE html> û <html>: Ev danezanên belgeyên HTML-ê yên standard in ku diyar dikin ku ev belgeyek HTML5 e.
  2. <head>: Ev beş bi gelemperî ji bo tevlêkirina metadaneyên li ser belgeyê tê bikar anîn, wekî sernavê malperê, ku bi karanîna <title> pêve.
  3. <title>: Ev sernavê malperê wekî "Date Prepopulation with JavaScript" destnîşan dike.
  4. <body>: Ev qada naverokê ya sereke ya malperê ye ku hûn naveroka xuyayî û hêmanên navbeynkariya bikarhêner lê bi cîh dikin.
  5. <form>: Elementeke formê ya ku dikare qadên têketinê pêk bîne. Di vê rewşê de, ew tê bikar anîn da ku qada têketina veşartî ya ku dê bi roja îroyîn ve were tije kirin.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Ev qadeke têketina veşartî ye. Ew li ser rûpelê xuya nake lê dikare daneyan hilîne. Nasnameyek "hiddenDateField" û navek "hiddenDateField" ji bo nasîn û karanîna di JavaScript de tê dayîn.
  7. <script>: Ev etîketa vekirinê ya bloka skrîptê ya JavaScriptê ye, ku hûn dikarin koda JavaScriptê binivîsin.
  8. function getFormattedDate() { ... }: Ev fonksiyonek JavaScriptê ya ku jê re tê gotin diyar dike getFormattedDate(). Di hundurê vê fonksiyonê de:
    • Ew nû ava dike Date tişta ku tarîx û dema niha bikar tîne temsîl dike const today = new Date();.
    • Ew tarîxê bi forma tê xwestin (mm/dd/yyyy) bi kar tîne rêzek çêdike today.toLocaleDateString(). Ew 'en-US' argumana herêmî (Îngilîzî ya Amerîkî) ji bo formatkirinê, û tiştê pê re diyar dike year, month, û day taybetmendî formata dîrokê diyar dike.
  9. return formattedDate;: Ev rêz dîroka formatkirî wekî rêzek vedigerîne.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Ev rêza kodê:
    • hewcedariyên document.getElementById('hiddenDateField') ji bo hilbijartina qada têketina veşartî ya bi ID "hiddenDateField".
    • Saz dike value taybetmendiya qada têketina hilbijartî ji nirxa ku ji hêla vegerî ve hatî vegerandin getFormattedDate() karkirin. Ev qada veşartî bi roja îroyîn re di forma diyarkirî de tije dike.

Encama dawî ev e ku dema ku rûpel tê barkirin, qada têketina veşartî ya bi ID "hiddenDateField" bi tarîxa îroyîn di forma mm/dd/yyyy de bêyî sifirên pêşîn, wekî ku di nav de hatî destnîşan kirin, tê tije kirin. getFormattedDate() karî.

Meriv çawa Qadek Formek Bi Dîroka Îro û jQuery-yê Pêşî Dike

<!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>

Ev koda HTML û JavaScriptê destnîşan dike ka meriv çawa jQuery bikar tîne da ku qadek têketina veşartî ya bi dîroka îroyîn ve, wekî mm/dd/yyyy, bêyî sifirên pêşîn, ji nû ve dagire. Ka em wê gav bi gav veqetînin:

  1. <!DOCTYPE html> û <html>: Ev danezanên belgeyên HTML-ê yên standard in ku destnîşan dikin ku ev belgeyek HTML5 e.
  2. <head>: Ev beş ji bo tevlêkirina metadata û çavkaniyên ji bo rûpelê tê bikar anîn.
  3. <title>: Sernavê rûpelê wekî "Date Prepopulation with jQuery and JavaScript Date Object" destnîşan dike.
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Ev rêz pirtûkxaneya jQuery bi destnîşankirina çavkaniya xwe ji tora radestkirina naverokê (CDN) vedihewîne. Ew piştrast dike ku pirtûkxaneya jQuery ji bo karanîna li ser rûpelê heye.
  5. <body>: Ev qada naverokê ya sereke ya malperê ye ku hûn naveroka xuyayî û hêmanên navbeynkariya bikarhêner lê bi cîh dikin.
  6. <form>: Hêmanek forma HTML-ê ya ku ji bo qadên têketinê tê bikaranîn. Di vê rewşê de, ew tê bikar anîn da ku qada têketina veşartî veşêre.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Qadeke têketina veşartî ya ku dê li ser malperê neyê dîtin. Nasnameyek "hiddenDateField" û navek "hiddenDateField" tê dayîn.
  8. <script>: Ev etîketa vekirinê ya bloka skrîptê ya JavaScriptê ye ku hûn dikarin koda JavaScriptê binivîsin.
  9. $(document).ready(function() { ... });: Ev bloka koda jQuery ye. Ew bi kar tîne $(document).ready() fonksiyonek da ku pê ewle bibe ku koda tê de piştî ku rûpel bi tevahî hatî barkirin dimeşe. Di hundurê vê fonksiyonê de:
    • const today = new Date(); nû diafirîne Date tişta ku dîrok û dema niha temsîl dike.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); tarixê bi formata xwestî (mm/dd/yyyy) bi kar tîne rêzek toLocaleDateString awa.
  10. $('#hiddenDateField').val(formattedDate); qada têketina veşartî ya bi ID "hiddenDateField" bi karanîna jQuery hildibijêre û wê saz dike value heta roja formatkirî. Ev bi rengek bandor qada veşartî bi dîroka îroyîn re di forma diyarkirî de pêşdixe.

Koda jQuery li gorî JavaScript-a paqij pêvajoya hilbijartin û guheztina qada têketina veşartî hêsan dike. Dema ku rûpel tê barkirin, qada têketina veşartî bi tarîxa îroyîn di formata mm/dd/yyyy de tê tije kirin, û tu sifirên pêşîn tune, wekî ku di nav de hatî destnîşan kirin. formattedDate guherbar.

Douglas Karr

Douglas Karr CMO ya ye OpenINSIGHTS û damezrînerê ya Martech Zone. Douglas alîkariya bi dehan destpêkên serketî yên MarTech kir, di kirîn û veberhênanên Martech de zêdetirî 5 mîlyar dolar alîkarî kir, û di cîbicîkirin û otomatîkkirina stratejiyên firotanê û kirrûbirra xwe de alîkariya pargîdaniyan didomîne. Douglas veguherînek dîjîtal a navneteweyî û pispor û axaftvanek MarTech e. Douglas di heman demê de nivîskarek çapkirî ya rêberê Dummie û pirtûkek serokatiya karsaziyê ye.

Zimanî babet Related

Vegere ser topê
Nêzîkî

Adblock Hat Tesbîtkirin

Martech Zone dikare vê naverokê bê mesref ji we re peyda bike ji ber ku em malpera xwe bi dahata reklamê, girêdanên pêwendiyê, û sponsorgeriyê drav dikin. Dema ku hûn malpera me temaşe dikin, em ê spas bikin ger hûn bloka reklama xwe rakin.