Ardáin CRM agus Sonraí

Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus JavaScript nó JQuery

Cé go dtugann go leor réitigh an deis an dáta a stóráil le gach iontráil foirme, tá amanna eile ann nuair nach rogha é. Molaimid dár gcliaint réimse folaithe a chur lena láithreán agus an fhaisnéis seo a chur ar aghaidh mar aon leis an iontráil ionas gur féidir leo a rianú nuair a chuirtear iontrálacha foirmeacha isteach. Ag baint úsáide as JavaScript, tá sé seo éasca.

Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus 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>

Déanaimis an cód HTML agus JavaScript a sholáthraítear a bhriseadh síos céim ar chéim:

  1. <!DOCTYPE html> agus <html>: Is dearbhuithe caighdeánacha doiciméad HTML iad seo a shonraíonn gur doiciméad HTML5 é seo.
  2. <head>: Úsáidtear an rannán seo go hiondúil chun meiteashonraí faoin doiciméad a chur san áireamh, mar shampla teideal an leathanaigh ghréasáin, a shocraítear leis an <title> eilimint.
  3. <title>: Socraíonn sé seo teideal an leathanaigh ghréasáin mar “Date Prepopulation with JavaScript.”
  4. <body>: Seo é an príomhréimse ábhair den leathanach gréasáin ina gcuireann tú an t-ábhar infheicthe agus na heilimintí comhéadan úsáideora.
  5. <form>: Gné foirme ar féidir réimsí ionchuir a chuimsiú. Sa chás seo, úsáidtear é chun an réimse ionchuir folaithe a chuimseofar le dáta an lae inniu a chuimsiú.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Is réimse ionchuir folaithe é seo. Níl sé le feiceáil ar an leathanach ach is féidir sonraí a stóráil. Tugtar aitheantas “hiddenDateField” air agus ainm “hiddenDateField” le haithint agus le húsáid i JavaScript.
  7. <script>: Is é seo an chlib oscailte do bhloc script JavaScript, áit ar féidir leat cód JavaScript a scríobh.
  8. function getFormattedDate() { ... }: Sainmhíníonn sé seo feidhm JavaScript ar a dtugtar getFormattedDate(). Laistigh den fheidhm seo:
    • Cruthaíonn sé nua Date réad a léiríonn an dáta agus an t-am reatha ag baint úsáide as const today = new Date();.
    • Formáidí sé an dáta i teaghrán leis an fhormáid atá ag teastáil (mm/dd/bbbb) ag baint úsáide as today.toLocaleDateString(). An 'en-US' sonraítear an logán (Béarla Meiriceánach) don fhormáidiú, agus an réad le year, month, agus day sainmhíníonn airíonna an fhormáid dáta.
  9. return formattedDate;: Filleann an líne seo an dáta formáidithe mar theaghrán.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: An líne cód seo:
    • Úsáidí document.getElementById('hiddenDateField') chun an réimse ionchuir folaithe a roghnú leis an ID “hiddenDateField.”
    • Socraíonn an value airí an réimse ionchuir roghnaithe go dtí an luach ar ais ag an getFormattedDate() feidhm. Áiríonn sé seo an réimse folaithe le dáta an lae inniu san fhormáid sonraithe.

Is é an toradh deiridh ná nuair a lódálann an leathanach, go bhfuil an réimse ionchuir folaithe le haitheantas “hiddenDateField” líonta le dáta an lae inniu san fhormáid mm/dd/bbbb gan nialas tosaigh, mar atá sonraithe sa getFormattedDate() fheidhm.

Conas Réimse Foirme a Réamhdhaonra Le Dáta an Lae Inniu agus 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>

Léiríonn an cód HTML agus JavaScript seo conas jQuery a úsáid chun réimse ionchuir folaithe a réamhdhaonra le dáta an lae inniu, formáidithe mar mm/dd/bbbb, gan nialas tosaigh. Déanaimis é a bhriseadh síos céim ar chéim:

  1. <!DOCTYPE html> agus <html>: Is dearbhuithe caighdeánacha doiciméad HTML iad seo a thugann le fios gur doiciméad HTML5 é seo.
  2. <head>: Úsáidtear an rannán seo chun meiteashonraí agus acmhainní a áireamh don leathanach gréasáin.
  3. <title>: Socraíonn sé teideal an leathanaigh ghréasáin mar “Dáta Réamhdhaonra le jQuery agus JavaScript Date Object.”
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Áiríonn an líne seo leabharlann jQuery trína foinse a shonrú ó líonra seachadta inneachair (CDN). Cinntíonn sé go bhfuil an leabharlann jQuery ar fáil le húsáid ar an leathanach gréasáin.
  5. <body>: Seo é an príomhréimse ábhair den leathanach gréasáin ina gcuireann tú an t-ábhar infheicthe agus na heilimintí comhéadan úsáideora.
  6. <form>: Eilimint fhoirm HTML a úsáidtear chun réimsí ionchuir a chuimsiú. Sa chás seo, úsáidtear é chun an réimse ionchuir folaithe a chuimsiú.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Réimse ionchuir folaithe nach mbeidh le feiceáil ar an leathanach gréasáin. Sanntar ID “hiddenDateField” agus ainm “hiddenDateField” air.
  8. <script>: Is é seo an chlib oscailte do bhloc script JavaScript áit ar féidir leat cód JavaScript a scríobh.
  9. $(document).ready(function() { ... });: Is bloc cód jQuery é seo. Úsáideann sé an $(document).ready() feidhm chun a chinntiú go ritheann an cód cuimsithe tar éis an leathanach a luchtú go hiomlán. Laistigh den fheidhm seo:
    • const today = new Date(); cruthaíonn nua Date réad a léiríonn an dáta agus an t-am reatha.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); formáidí an dáta i teaghrán leis an bhformáid atá ag teastáil (mm/dd/bbbb) ag baint úsáide as an toLocaleDateString modh.
  10. $('#hiddenDateField').val(formattedDate); roghnaíonn sé an réimse ionchuir folaithe leis an ID “hiddenDateField” ag baint úsáide as jQuery agus socraíonn sé a value go dtí an dáta formáidithe. Déanann sé seo an réimse folaithe a réamhphobail go héifeachtach le dáta an lae inniu san fhormáid sonraithe.

Simplíonn an cód jQuery an próiseas chun an réimse ionchuir folaithe a roghnú agus a mhodhnú i gcomparáid le JavaScript íon. Nuair a luchtaítear an leathanach, cuirtear dáta an lae inniu san fhormáid mm/dd/bbbb sa réimse ionchuir folaithe, agus níl aon nialais tosaigh i láthair, mar atá sonraithe sa formattedDate athróg.

Douglas Karr

Douglas Karr is CMO de OpenINSIGHTS agus bunaitheoir an Martech Zone. Chuidigh Douglas leis na dosaenacha de ghnólachtaí nuathionscanta MarTech ar éirigh leo, chuidigh sé le dícheall cuí os cionn $5 billiún in éadálacha agus infheistíochtaí Martech, agus leanann sé ag cabhrú le cuideachtaí a gcuid straitéisí díolacháin agus margaíochta a chur i bhfeidhm agus a uathoibriú. Is saineolaí agus cainteoir ar chlaochlú digiteach agus MarTech é Douglas atá aitheanta go hidirnáisiúnta. Is údar foilsithe é Douglas freisin ar threoirleabhar Dummie agus ar leabhar ceannaireachta gnó.

Airteagail gaolmhara

Ar ais go barr an cnaipe
Dún

Braitheadh ​​Adblock

Martech Zone in ann an t-ábhar seo a sholáthar duit gan aon chostas mar go ndéanaimid airgead ar ár suíomh trí ioncam fógraíochta, naisc chleamhnaithe agus urraíochtaí. Bheimis buíoch dá mbainfeá do bhacadóir fógraí agus tú ag féachaint ar ár suíomh.