Платформаи CRM ва маълумот

Чӣ тавр як майдони формаро бо санаи имрӯза ва JavaScript ё JQuery пур кардан мумкин аст

Гарчанде ки бисёре аз қарорҳо имкони нигоҳ доштани санаро бо ҳар як варақаи шакл пешниҳод мекунанд, вақтҳои дигаре ҳастанд, ки ин имконнопазир аст. Мо мизоҷони худро ташвиқ менамоем, ки ба сайти худ майдони пинҳонӣ илова кунанд ва ин маълумотро дар баробари вуруд интиқол диҳанд, то онҳо ҳангоми ворид шудани варақаҳои форма пайгирӣ кунанд. Истифодаи JavaScript, ин осон аст.

Чӣ тавр як майдони формаро бо санаи имрӯза ва 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>

Биёед коди HTML ва JavaScript-ро зина ба зина тақсим кунем:

  1. <!DOCTYPE html> ва <html>: Инҳо эъломияҳои стандартии ҳуҷҷати HTML мебошанд, ки нишон медиҳанд, ки ин ҳуҷҷати HTML5 аст.
  2. <head>: Ин бахш маъмулан барои дохил кардани метамаълумот дар бораи ҳуҷҷат истифода мешавад, ба монанди унвони саҳифаи веб, ки бо истифода аз <title> унсури.
  3. <title>: Ин сарлавҳаи веб-саҳифаро ба "Санаҳои пешакии аҳолӣ бо JavaScript" муқаррар мекунад.
  4. <body>: Ин майдони асосии мундариҷаи вебсайт аст, ки дар он шумо мундариҷаи намоён ва унсурҳои интерфейси корбарро ҷойгир мекунед.
  5. <form>: Унсури форма, ки метавонад майдонҳои вурудро дар бар гирад. Дар ин ҳолат, он барои нигоҳ доштани майдони вуруди пинҳон, ки бо санаи имрӯз пур карда мешавад, истифода мешавад.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Ин майдони вуруди пинҳон аст. Он дар саҳифа пайдо намешавад, аммо метавонад маълумотро нигоҳ дорад. Ба он ID-и "hiddenDateField" ва номи "hiddenDateField" барои муайян кардан ва истифода дар JavaScript дода шудааст.
  7. <script>: Ин барчасп барои блоки скрипти JavaScript аст, ки дар он шумо метавонед рамзи JavaScript нависед.
  8. function getFormattedDate() { ... }: Ин функсияи JavaScript-ро муайян мекунад getFormattedDate(). Дар дохили ин функсия:
    • Наверо ба вуҷуд меорад Date объект, ки сана ва вақти ҷорӣро истифода мебарад const today = new Date();.
    • Он санаро ба як сатр бо формати дилхоҳ (мм/дд/yyyy) формат мекунад today.toLocaleDateString(). Дар 'en-US' аргумент маҳаллиро (англисии амрикоӣ) барои форматкунӣ ва объектро бо year, monthва day хосиятҳо формати санаро муайян мекунанд.
  9. return formattedDate;: Ин сатр санаи форматшударо ҳамчун сатр бармегардонад.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Ин сатри код:
    • истифода мебарад, document.getElementById('hiddenDateField') барои интихоб кардани майдони вуруди пинҳон бо ID "hiddenDateField".
    • -Ро танзим мекунад value хосияти майдони вуруди интихобшуда ба арзиши баргардонидашуда getFormattedDate() функсия. Ин майдони пинҳониро бо санаи имрӯза дар формати муайяншуда пур мекунад.

Натиҷаи ниҳоӣ ин аст, ки ҳангоми боркунии саҳифа, майдони вуруди пинҳонӣ бо ID "hiddenDateField" бо санаи имрӯза дар формати mm/gg/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>

Ин рамзи HTML ва JavaScript нишон медиҳад, ки чӣ тавр истифода бурдани jQuery барои пешбарӣ кардани майдони вуруди пинҳонӣ бо санаи имрӯза, ки ҳамчун мм/gg/yyyy формат карда шудааст, бидуни сифрҳои пешбаранда. Биёед онро зина ба зина тақсим кунем:

  1. <!DOCTYPE html> ва <html>: Инҳо эъломияҳои стандартии ҳуҷҷати HTML мебошанд, ки нишон медиҳанд, ки ин ҳуҷҷати HTML5 аст.
  2. <head>: Ин бахш барои дохил кардани метамаълумот ва захираҳо барои саҳифаи веб истифода мешавад.
  3. <title>: Сарлавҳаи саҳифаи интернетиро ба "Сана пеш аз популятсия бо jQuery ва объекти санаи JavaScript" таъин мекунад.
  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-и "hiddenDateField" ва номи "hiddenDateField" таъин шудааст.
  8. <script>: Ин барчасп барои блоки скрипти JavaScript аст, ки дар он шумо метавонед рамзи JavaScript нависед.
  9. $(document).ready(function() { ... });: Ин блоки рамзи jQuery аст. Он истифода мебарад $(document).ready() Функсия барои кафолат додани он, ки рамзи дарбаргиранда пас аз пурборкунии саҳифа кор мекунад. Дар дохили ин функсия:
    • const today = new Date(); нав эҷод мекунад Date объект, ки сана ва вақти ҷорӣро ифода мекунад.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); санаро ба сатр бо формати дилхоҳ (мм/дд/yyyy) бо истифода аз toLocaleDateString метод
  10. $('#hiddenDateField').val(formattedDate); майдони вуруди пинҳонро бо ID "hiddenDateField" бо истифода аз jQuery интихоб мекунад ва онро муқаррар мекунад value то санаи форматшуда. Ин ба таври муассир майдони пинҳониро бо санаи имрӯза дар формати муайяншуда пур мекунад.

Рамзи jQuery раванди интихоб ва тағир додани майдони вуруди пинҳониро дар муқоиса бо JavaScript-и пок содда мекунад. Вақте ки саҳифа бор карда мешавад, майдони вуруди пинҳонӣ бо санаи имрӯза дар формати мм/дд/yyyy пур карда мешавад ва ҳеҷ сифрҳои пешбаранда, тавре ки дар formattedDate тағйирёбанда.

Douglas Karr

Douglas Karr CMO аз OpenINSIGHTS ва асосгузори Martech Zone. Дуглас ба даҳҳо стартапҳои бомуваффақияти MarTech кӯмак кардааст, дар тафтиши зарурӣ ба маблағи беш аз 5 миллиард доллар дар харид ва сармоягузории Martech кӯмак кардааст ва ба ширкатҳо дар татбиқ ва автоматикунонии стратегияҳои фурӯш ва маркетинги онҳо кӯмак мерасонад. Дуглас трансформатсияи рақамии дар сатҳи байналмилалӣ эътирофшуда ва коршинос ва сухангӯи MarTech мебошад. Дуглас инчунин муаллифи нашршудаи дастури Dummie ва китоби роҳбарияти тиҷорат аст.

Мақолаҳо марбут

Бозгашт ба боло
наздик

Блоки рекламавӣ ошкор карда шуд

Martech Zone қодир аст, ки ин мундариҷаро ба шумо бепул пешниҳод кунад, зеро мо сайти худро тавассути даромади таблиғотӣ, истинодҳои шарикӣ ва сарпарастӣ монетизатсия мекунем. Мо миннатдор хоҳем буд, агар шумо ҳангоми дидани сайти мо блокатори таблиғоти худро хориҷ кунед.