CRM iyo Aaladaha Xogta

Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo JavaScript ama JQuery

Iyadoo xalal badani ay bixiyaan fursad lagu kaydiyo taariikhda foom kasta oo la soo galo, waxaa jira waqtiyo kale oo aanay ahayn ikhtiyaar. Waxaan ku dhiirigelinaynaa macaamiisheena inay ku daraan goob qarsoon goobtooda oo ay u gudbiyaan macluumaadkan oo ay la socdaan gelitaanka si ay ula socdaan marka foomka la gelayo. Isticmaalka JavaScript, tani waa sahlan tahay.

Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo 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>

Aynu tallaabo tallaabo u kala qaadno koodka HTML iyo JavaScript ee la bixiyay:

  1. <!DOCTYPE html> iyo <html>: Kuwani waa caddaynta dukumeenti HTML ee tilmaamaya in kani yahay dukumeenti HTML5 ah.
  2. <head>Qaybtan waxaa sida caadiga ah loo isticmaalaa in lagu daro xogta badan ee ku saabsan dokumentiga, sida ciwaanka bogga mareegaha, kaas oo lagu dejiyay isticmaalka <title> cunsur
  3. <title>: Tani waxay ka dhigaysaa ciwaanka bogga mareegaha "Taariikhda Ku-soo-kordhinta JavaScript."
  4. <body>: Tani waa meesha ugu muhiimsan ee ku jirta bogga mareegaha halkaas oo aad dhigto nuxurka muuqda iyo walxaha is-dhexgalka isticmaalaha.
  5. <form>: Waa curiye ka koobnaan kara meelaha wax lagu geliyo. Xaaladdan oo kale, waxaa loo isticmaalaa in lagu daro goobta gelinta qarsoon ee lagu buuxin doono taariikhda maanta.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Tani waa goob gelinta qarsoon. Kama muuqato bogga laakiin waxay kaydin kartaa xogta. Waxaa la siiyay aqoonsiga "HiddenDateField" iyo magaca "HiddenDateField" ee aqoonsiga iyo isticmaalka JavaScript.
  7. <script>: Tani waa summada furitaanka ee block script JavaScript, halkaas oo aad ku qori kartaa code JavaScript.
  8. function getFormattedDate() { ... }: Tani waxay qeexaysaa shaqada JavaScript ee loo yaqaan getFormattedDate(). Shaqadan gudaheeda:
    • Waxay abuurtaa mid cusub Date shay matalaya taariikhda iyo wakhtiga hadda la isticmaalayo const today = new Date();.
    • Waxa ay taariikhda u qaabaysaa xadhig leh qaabka la rabo (mm/dd/yyyy) iyada oo la isticmaalayo today.toLocaleDateString(). The 'en-US' dooddu waxay qeexaysaa meesha (Ingiriiska Ameerika) ee qaabaynta, iyo shayga leh year, month, Iyo day guryaha ayaa qeexaya qaabka taariikhda.
  9. return formattedDate;: Sadarkani waxa uu soo celinayaa taariikhda la qaabeeyey sida xadhig ahaan.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Sadarkan koodka:
    • Isticmaalida document.getElementById('hiddenDateField') si aad u doorato goobta galinta qarsoon ee leh aqoonsiga "HiddenDateField."
    • Wuxuu dhigayaa value hantida goobta galinta la doortay ee qiimaha uu soo celiyay getFormattedDate() shaqayn Tani waxay buuxinaysaa goobta qarsoon taariikhda maanta ee qaabka la cayimay.

Natiijada kama dambaysta ahi waa in marka boggu soo baxo, goobta galinta qarsoon ee leh aqoonsiga "HiddenDateField" ay buux dhaafisay taariikhda maanta oo ah qaabka mm/dd/yyyy iyada oo aan lahayn eber, sida lagu qeexay getFormattedDate() shaqo.

Sida Loogu Soo Dhaweeyo Goobta Foomka Taariikhda Maanta iyo 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>

Koodhkan HTML iyo JavaScript wuxuu muujinayaa sida loo isticmaalo jQuery si loo sii daayo goob galinta qarsoon oo leh taariikhda maanta, oo loo qaabeeyey mm/dd/yyyy, iyada oo aan lahayn eber hogaaminaya. Aynu u kala qaadno tallaabo tallaabo:

  1. <!DOCTYPE html> iyo <html>: Kuwani waa caddaynta dukumeenti HTML oo tilmaamaya in kani yahay dukumeenti HTML5 ah.
  2. <head>Qaybtan waxaa loo isticmaalaa in lagu daro xogta badan iyo agabka bogga mareegaha.
  3. <title>: Wuxuu dejiyaa ciwaanka bogga "Taariikhda Prepopulation with jQuery iyo JavaScript Date Object."
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Xariiqan waxaa ku jira maktabadda jQuery iyadoo la qeexayo isha ay ka timid shabakadda gudbinta nuxurka (CDN). Waxay hubisaa in maktabadda jQuery ay diyaar u tahay isticmaalka bogga shabakadda.
  5. <body>: Tani waa meesha ugu muhiimsan ee ku jirta bogga mareegaha halkaas oo aad dhigto nuxurka muuqda iyo walxaha is-dhexgalka isticmaalaha.
  6. <form>: Waa curiye HTML ah oo loo isticmaalo inuu ka kooban yahay meelaha wax lagu geliyo. Xaaladdan oo kale, waxaa loo isticmaalaa in lagu koobo goobta gelinta qarsoon.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Gelin galinta qarsoon oo aan ka muuqan doonin bogga mareegaha. Waxaa loo qoondeeyay aqoonsiga "HiddenDateField" iyo magaca "HiddenDateField."
  8. <script>: Tani waa summada furitaanka ee barta qoraalka JavaScript halkaas oo aad ku qori karto koodka JavaScript.
  9. $(document).ready(function() { ... });: Kani waa block koodka jQuery. Waxay isticmaashaa $(document).ready() shaqeynta si loo hubiyo in koodka ku jira uu socdo ka dib markii bogga si buuxda loo raro. Shaqadan gudaheeda:
    • const today = new Date(); cusub abuuraa Date shay matalaya taariikhda iyo wakhtiga hadda.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); wuxuu u qaabeeyaa taariikhda xarriiq qaabka la rabo (mm/dd/yyyy) isagoo isticmaalaya toLocaleDateString habka.
  10. $('#hiddenDateField').val(formattedDate); doorta goobta galinta qarsoon ee aqoonsiga "HiddenDateField" adoo isticmaalaya jQuery oo dejinaya value ilaa taariikhda la qaabeeyey. Tani waxay si wax ku ool ah u hordhigtaa goobta qarsoon taariikhda maanta ee qaabka la cayimay.

Koodhka jQuery wuxuu fududeeyaa habka xulashada iyo wax ka beddelka goobta gelinta qarsoon marka loo eego JavaScript saafiga ah. Marka boggu soo baxo, goobta gelinta qarsoon waxaa buux dhaafiyay taariikhda maanta oo ah qaabka mm/dd/yyyy, mana jiraan eber hormood ah, sida lagu qeexay formattedDate is beddelaya.

Douglas Karr

Douglas Karr waa CMO INSIGHTS iyo aasaasihii Martech Zone. Douglas waxa uu caawiyay daraasiin guulo bilaabay MarTech, waxa uu ka caawiyay dadaalka saxda ah ee ka badan $5 bilyan ee iibsiga iyo maalgashiga Martech, waxana uu sii wadaa in uu ka caawiyo shirkadaha hirgelinta iyo habaynta xeeladahooda iibka iyo suuqgeynta. Douglas waa isbeddel dhijitaal ah oo caalami ah oo la aqoonsan yahay iyo khabiir MarTech iyo afhayeenka. Douglas sidoo kale waa qoraa la daabacay ee hagaha Dummie iyo buug hogaaminta ganacsiga.

Qodobbo la xiriira

Gadaal u laab
Close

Adblock waa la ogaaday

Martech Zone wuxuu awoodaa inuu ku siiyo macluumaadkan lacag la'aan sababtoo ah waxaanu ka galnay boggayaga dakhliga xayaysiiska, xidhiidhada xiriirka, iyo kafaalaqaadyada. Waanu qadarin lahayn haddii aad ka saari lahayd xannibaadahaaga xayaysiisyada markaad aragto boggayaga.