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>: Бул HTML5 документи экенин көрсөткөн стандарттуу HTML документ декларациялары.
  2. <head>: Бул бөлүм адатта документ жөнүндө метаберилиштерди кошуу үчүн колдонулат, мисалы веб-баракчанын аталышы, <title> элемент.
  3. <title>: Бул веб-баракчанын аталышын "JavaScript менен Датага алдын ала популяция" деп коёт.
  4. <body>: Бул веб-баракчанын сиз көрүнүүчү мазмунду жана колдонуучу интерфейсинин элементтерин жайгаштырган негизги мазмун аймагы.
  5. <form>: Киргизүү талааларын камтый турган форма элементи. Бул учурда, ал бүгүнкү күн менен толтурула турган жашыруун киргизүү талаасын камтуу үчүн колдонулат.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Бул жашыруун киргизүү талаасы. Ал баракта көрүнбөйт, бирок маалыматтарды сактай алат. Ага JavaScript'те идентификациялоо жана колдонуу үчүн "hiddenDateField" ID жана "hiddenDateField" аталышы берилген.
  7. <script>: Бул JavaScript скрипт блогунун ачылыш теги, анда сиз JavaScript кодун жаза аласыз.
  8. function getFormattedDate() { ... }: Бул JavaScript функциясын аныктайт getFormattedDate(). Бул функциянын ичинде:
    • Ал жаңы жаратат Date колдонуу менен учурдагы дата жана убакытты билдирген объект const today = new Date();.
    • Ал күндү каалаган форматта (мм/кд/жжж) сапка форматтайт today.toLocaleDateString(). The 'en-US' аргумент форматтоо үчүн тилди (америкалык англисче) жана объект менен аныктайт year, month, жана day касиеттери дата форматын аныктайт.
  9. return formattedDate;: Бул сап форматталган датаны сап катары кайтарат.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Бул код саптары:
    • колдонуу document.getElementById('hiddenDateField') "hiddenDateField" ID менен жашыруун киргизүү талаасын тандоо.
    • Орнотот value тарабынан кайтарылган мааниге тандалган киргизүү талаасынын касиети getFormattedDate() функция. Бул көрсөтүлгөн форматта бүгүнкү күн менен жашыруун талааны толтурат.

Натыйжада, барак жүктөлгөндө, ID "hiddenDateField" менен жашыруун киргизүү талаасы бүгүнкү күн менен 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>

Бул HTML жана JavaScript коду jQuery'ди кантип колдонууну көрсөтүп турат, а мм/кд/жжж деп форматталган, бүгүнкү күн менен жашыруун киргизүү талаасын алдын ала толтуруу, алдыңкы нөлдөрү жок. Аны этап-этабы менен бөлүп көрөлү:

  1. <!DOCTYPE html> жана <html>: Бул HTML5 документи экенин көрсөткөн стандарттуу HTML документ декларациялары.
  2. <head>: Бул бөлүм веб-баракчага метадайындарды жана ресурстарды кошуу үчүн колдонулат.
  3. <title>: Веб-баракчанын аталышын “jQuery жана JavaScript Date Объектиси менен Датага алдын ала популяция” деп коет.
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Бул сап мазмун жеткирүү тармагынан (CDN) анын булагын көрсөтүү менен jQuery китепканасын камтыйт. Бул jQuery китепканасынын веб-баракчада колдонууга жеткиликтүү болушун камсыздайт.
  5. <body>: Бул веб-баракчанын сиз көрүнүүчү мазмунду жана колдонуучу интерфейсинин элементтерин жайгаштырган негизги мазмун аймагы.
  6. <form>: Киргизүү талааларын камтуу үчүн колдонулган HTML форма элементи. Бул учурда, ал жашыруун киргизүү талаасын капсулдаштыруу үчүн колдонулат.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Веб-баракчада көрүнбөй турган жашыруун киргизүү талаасы. Ага "hiddenDateField" идентификатору жана "hiddenDateField" аталышы ыйгарылган.
  8. <script>: Бул JavaScript кодун жаза турган JavaScript скрипт блогунун ачылыш теги.
  9. $(document).ready(function() { ... });: Бул jQuery код блогу. Ал колдонот $(document).ready() камтылган код барак толугу менен жүктөлгөндөн кийин иштешин камсыз кылуу функциясы. Бул функциянын ичинде:
    • const today = new Date(); жаңысын жаратат Date учурдагы дата жана убакытты чагылдырган объект.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); аркылуу датаны каалаган форматта (мм/кд/жжж) сапка форматтайт toLocaleDateString методу.
  10. $('#hiddenDateField').val(formattedDate); jQuery аркылуу "hiddenDateField" идентификатору менен жашыруун киргизүү талаасын тандап, аны орнотот. value форматталган күнгө чейин. Бул көрсөтүлгөн форматта бүгүнкү күн менен катылган талааны эффективдүү түрдө толтурат.

jQuery коду таза JavaScript менен салыштырганда жашыруун киргизүү талаасын тандоо жана өзгөртүү процессин жеңилдетет. Барак жүктөлгөндө, жашыруун киргизүү талаасы мм/кд/жжж форматында бүгүнкү күн менен толтурулат жана бөлүмдө көрсөтүлгөндөй алдыңкы нөлдөр жок. formattedDate өзгөрмө.

Douglas Karr

Douglas Karr CMO болуп саналат OpenINSIGHTS жана негиздөөчүсү Martech Zone. Дуглас ондогон ийгиликтүү MarTech стартаптарына жардам берди, Martech сатып алууларына жана инвестицияларына 5 миллиард доллардан ашык каражатты текшерүүгө жардам берди жана компанияларга сатуу жана маркетинг стратегияларын ишке ашырууда жана автоматташтырууда жардам берүүнү улантууда. Дуглас эл аралык деңгээлде таанылган санариптик трансформация жана MarTech эксперти жана спикери. Дуглас ошондой эле Dummie's guide жана бизнес лидерлик китебинин басылып чыккан автору.

Тектеш макалалар

Артка жогорку баскычы
жакын

Adblock аныкталды

Martech Zone Бул мазмунду сизге эч кандай акы төлөбөй бере алат, анткени биз сайтыбызды жарнамадан түшкөн киреше, өнөктөштүк шилтемелер жана демөөрчүлүк аркылуу акча табабыз. Биздин сайтты көрүп жатканыңызда жарнама блокаторуңузду алып салсаңыз, биз ыраазыбыз.