CRM او د معلوماتو پلیټونه

د نن ورځې نیټې او جاواسکریپټ یا JQuery سره د فارم ساحه څنګه چمتو کول

پداسې حال کې چې ډیری حلونه د هرې فورمې ننوتلو سره نیټه ذخیره کولو فرصت وړاندې کوي، نور وختونه شتون لري کله چې دا اختیار نه وي. موږ خپل پیرودونکي هڅوو چې د دوی سایټ ته یو پټ ساحه اضافه کړي او دا معلومات د ننوتلو سره تیر کړي ترڅو دوی تعقیب کړي کله چې د فورمې ننوتلو ته ننوځي. د جاواسکریپټ کارول، دا اسانه ده.

د نن ورځې نیټې او جاواسکریپټ سره د فارم ساحه څنګه چمتو کول

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

راځئ چې چمتو شوي HTML او جاواسکریپټ کوډ ګام په ګام مات کړو:

  1. <!DOCTYPE html> او <html>: دا د معیاري HTML سند اعالمیه دي چې مشخص کوي چې دا یو HTML5 سند دی.
  2. <head>: دا برخه عموما د سند په اړه د میټاډاټا شاملولو لپاره کارول کیږي، لکه د ویب پاڼې سرلیک، کوم چې د ویب پاڼې په کارولو سره ترتیب شوی. <title> عنصر.
  3. <title>: دا د ویب پاڼې سرلیک "د جاوا سکریپټ سره د نفوس نیټې" ته ټاکي.
  4. <body>: دا د ویب پاڼې اصلي منځپانګې ساحه ده چیرې چې تاسو د لیدلو وړ منځپانګې او د کاروونکي انٹرفیس عناصر ځای په ځای کوئ.
  5. <form>: د فورم عنصر چې کولی شي د ننوتلو ساحې ولري. په دې حالت کې، دا د پټ ان پټ ساحه کې کارول کیږي چې د نن نیټې سره به آباد شي.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: دا یو پټ پټ ځای دی. دا په پاڼه کې نه ښکاري مګر ډاټا ذخیره کولی شي. دا په جاواسکریپټ کې د پیژندنې او کارولو لپاره د "hiddenDateField" ID او د "hiddenDateField" نوم ورکړل شوی.
  7. <script>: دا د جاوا سکریپټ بلاک لپاره د پرانیستې نښه ده، چیرې چې تاسو د جاواسکریپټ کوډ لیکلی شئ.
  8. function getFormattedDate() { ... }: دا د جاوا سکریپټ فعالیت تعریفوي چې په نوم یادیږي getFormattedDate(). د دې فنکشن دننه:
    • دا یو نوی رامینځته کوي Date اعتراض د اوسني نیټې او وخت استازیتوب کوي const today = new Date();.
    • دا نیټه د مطلوب شکل (mm/dd/yyyy) په کارولو سره په تار کې فارمیټ کوي today.toLocaleDateString(). د 'en-US' استدلال د فارمیټ کولو لپاره ځای (امریکایی انګلیسي) مشخصوي، او اعتراض ورسره year, month، او day ملکیتونه د نیټې بڼه ټاکي.
  9. return formattedDate;: دا کرښه د تار په توګه د فارمیټ شوي نیټه بیرته راګرځوي.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();د کوډ دغه کرښه:
    • هغه ګټي document.getElementById('hiddenDateField') د "hiddenDateField" ID سره د پټ ان پټ ساحه غوره کولو لپاره.
    • ساتل value د ټاکل شوي ان پټ ساحې ملکیت د ارزښت لخوا بیرته راستانه شوي getFormattedDate() فعالیت دا په ټاکل شوي شکل کې د نن نیټې سره پټ ساحه ډکوي.

وروستۍ پایله دا ده چې کله چې پاڼه لوډ شي، د "hiddenDateField" ID سره د پټ ان پټ ساحه د نن ورځې نیټې سره په mm/dd/yyyy بڼه کې پرته له مخکښو صفرونو څخه ډکیږي، لکه څنګه چې په کې مشخص شوي. getFormattedDate() دنده.

د نن ورځې نیټې او 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>

دا ایچ ٹی ایم ایل او جاواسکریپټ کوډ ښیې چې څنګه د jQuery کارولو لپاره د نن نیټې سره د پټ ان پټ فیلډ چمتو کولو لپاره ، د mm/dd/yyyy په توګه فارمیټ شوی ، پرته له مخکښو صفرونو. راځئ چې ګام په ګام یې مات کړو:

  1. <!DOCTYPE html> او <html>: دا د معیاري HTML سند اعالمیه دي چې دا په ګوته کوي چې دا یو HTML5 سند دی.
  2. <head>: دا برخه د ویب پاڼې لپاره د میټاډاټا او سرچینو په شمول کارول کیږي.
  3. <title>: د ویب پاڼې سرلیک "د jQuery او جاوا سکریپټ نیټې آبجیکٹ سره د نفوس نیټې چمتو کول" ته ټاکي.
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: په دې کرښه کې د jQuery کتابتون د منځپانګې رسولو شبکې (CDN) څخه د هغې سرچینې مشخص کولو سره شامل دی. دا ډاډ ورکوي چې د jQuery کتابتون په ویب پاڼه کې د کارولو لپاره شتون لري.
  5. <body>: دا د ویب پاڼې اصلي منځپانګې ساحه ده چیرې چې تاسو د لیدلو وړ منځپانګې او د کاروونکي انٹرفیس عناصر ځای په ځای کوئ.
  6. <form>: د HTML فارم عنصر چې د ننوتلو ساحو درلودو لپاره کارول کیږي. په دې حالت کې، دا د پټ ان پټ ساحې د راټولولو لپاره کارول کیږي.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: یو پټ پټ ځای چې په ویب پاڼه کې نه لیدل کیږي. دې ته د "پټ تاریخ فیلډ" ID او د "پټ تاریخ فیلډ" نوم ټاکل شوی.
  8. <script>: دا د جاواسکریپټ سکریپټ بلاک لپاره د پرانیستې ټاګ دی چیرې چې تاسو د جاواسکریپټ کوډ لیکلی شئ.
  9. $(document).ready(function() { ... });: دا د jQuery کوډ بلاک دی. دا کاروي $(document).ready() فنکشن د دې لپاره چې ډاډ ترلاسه کړي چې شامل کوډ د پاڼې په بشپړ ډول پورته کیدو وروسته پرمخ ځي. د دې فنکشن دننه:
    • const today = new Date(); یو نوی جوړوي Date اعتراض د اوسني نیټې او وخت استازیتوب کوي.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); نیټه د مطلوب شکل (mm/dd/yyyy) په کارولو سره په تار کې فارمیټ کوي toLocaleDateString میتود.
  10. $('#hiddenDateField').val(formattedDate); د پټ ان پټ ساحه د jQuery په کارولو سره د ID "hiddenDateField" سره غوره کوي او ټاکي value فارمیټ شوي نیټې ته. دا په مؤثره توګه په ټاکل شوي شکل کې د نن ورځې نیټې سره پټ ساحه چمتو کوي.

د jQuery کوډ د خالص جاوا سکریپټ په پرتله د پټ ان پټ ساحې غوره کولو او بدلولو پروسه ساده کوي. کله چې پاڼه پورته شي، د پټ ان پټ ساحه د mm/dd/yyyy بڼه کې د نن نیټې سره ډکیږي، او هیڅ مخکښ صفر شتون نلري، لکه څنګه چې په کې مشخص شوي. formattedDate بدلون موندونکی.

Douglas Karr

Douglas Karr د CMO دی OpenINSIGHTS او بنسټ ایښودونکی Martech Zone. ډګلاس د لسګونو بریالي مارټیک پیلونو سره مرسته کړې ، د مارټیک استملاک او پانګوونې کې د 5 ملیارد ډالرو څخه ډیر په پام کې نیولو کې مرسته کړې ، او د دوی د پلور او بازار موندنې ستراتیژیو پلي کولو او اتومات کولو کې شرکتونو سره مرستې ته دوام ورکوي. ډګلاس په نړیواله کچه پیژندل شوی ډیجیټل بدلون او د مار ټیک ماهر او سپیکر دی. ډګلاس د ډمي لارښود او د سوداګرۍ مشرتابه کتاب یو خپور شوی لیکوال هم دی.

اړونده بیشتر

بېرته پورته تڼۍ ته
نژدې

اډ بلاک کشف شو

Martech Zone د دې وړتیا لري چې تاسو ته دا مینځپانګه په هیڅ لګښت چمتو کړي ځکه چې موږ د اعلاناتو عاید ، وابسته لینکونو ، او سپانسرشپونو له لارې زموږ سایټ منیټ کوو. موږ به ستاینه وکړو که تاسو زموږ د سایټ لیدو سره سم خپل د اعلاناتو بلاکر لرې کړئ.