CRM və Məlumat Platformaları

Bugünkü tarix və JavaScript və ya JQuery ilə bir forma sahəsini necə doldurmaq olar

Bir çox həllər hər forma girişi ilə tarixi saxlamaq imkanı təklif etsə də, bunun seçim olmadığı vaxtlar da olur. Biz müştərilərimizi saytlarına gizli sahə əlavə etməyə və bu məlumatı girişlə birlikdə ötürməyə təşviq edirik ki, onlar forma girişlərinin nə vaxt daxil edildiyini izləyə bilsinlər. JavaScript istifadə edərək, bu asandır.

Bugünkü tarix və JavaScript ilə bir forma sahəsini necə əvvəlcədən doldurmaq olar

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

Təqdim olunan HTML və JavaScript kodunu addım-addım parçalayaq:

  1. <!DOCTYPE html><html>: Bunlar bunun HTML5 sənədi olduğunu göstərən standart HTML sənədi bəyannamələridir.
  2. <head>: Bu bölmə adətən sənəd haqqında metadatanı daxil etmək üçün istifadə olunur, məsələn, veb-səhifənin başlığı. <title> element.
  3. <title>: Bu, veb-səhifənin başlığını “JavaScript ilə Tarixə Hazırlanma” olaraq təyin edir.
  4. <body>: Bu, görünən məzmunu və istifadəçi interfeysi elementlərini yerləşdirdiyiniz veb-səhifənin əsas məzmun sahəsidir.
  5. <form>: Daxiletmə sahələrini ehtiva edə bilən forma elementi. Bu halda, bu günün tarixi ilə doldurulacaq gizli giriş sahəsini ehtiva etmək üçün istifadə olunur.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Bu gizli giriş sahəsidir. Səhifədə görünmür, lakin məlumatları saxlaya bilər. Ona JavaScript-də identifikasiya və istifadə üçün “hiddenDateField” ID və “hiddenDateField” adı verilir.
  7. <script>: Bu, JavaScript kodunu yaza biləcəyiniz JavaScript skript blokunun açılış teqidir.
  8. function getFormattedDate() { ... }: Bu adlanan JavaScript funksiyasını təyin edir getFormattedDate(). Bu funksiyanın içərisində:
    • Yenisini yaradır Date istifadə edərək cari tarix və vaxtı təmsil edən obyekt const today = new Date();.
    • İstifadə edərək tarixi istədiyiniz formatda (aa/gg/yyyy) sətirdə formatlayır today.toLocaleDateString(). Bu 'en-US' arqument formatlaşdırma üçün yerli dili (Amerika İngilis dili) və olan obyekti müəyyən edir year, monthday xassələri tarix formatını müəyyən edir.
  9. return formattedDate;: Bu sətir formatlanmış tarixi sətir kimi qaytarır.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Bu kod xətti:
    • istifadə document.getElementById('hiddenDateField') “hiddenDateField” ID ilə gizli giriş sahəsini seçmək üçün.
    • Ayarlayır value tərəfindən qaytarılan dəyərə seçilmiş giriş sahəsinin xüsusiyyəti getFormattedDate() funksiyası. Bu, müəyyən edilmiş formatda bu günün tarixi ilə gizli sahəni doldurur.

Nəticə budur ki, səhifə yükləndikdə, “hiddenDateField” ID-si olan gizli giriş sahəsi, aşağıda göstərildiyi kimi, sıfırlar olmadan mm/gg/yyyy formatında bugünkü tarixlə doldurulur. getFormattedDate() fəaliyyət göstərir.

Bugünkü tarix və jQuery ilə bir forma sahəsini necə doldurmaq olar

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

Bu HTML və JavaScript kodu aa/gg/yyyy kimi formatlanmış gizli giriş sahəsini bugünkü tarixlə əvvəlcədən doldurmaq üçün jQuery-dən necə istifadə ediləcəyini nümayiş etdirir. Bunu addım-addım parçalayaq:

  1. <!DOCTYPE html><html>: Bunlar bunun HTML5 sənədi olduğunu göstərən standart HTML sənədi bəyannamələridir.
  2. <head>: Bu bölmə veb səhifə üçün metadata və resursları daxil etmək üçün istifadə olunur.
  3. <title>: Veb səhifənin başlığını “jQuery və JavaScript Tarix Obyekti ilə Tarixə Hazırlanma” olaraq təyin edir.
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>: Bu sətir məzmun çatdırılma şəbəkəsindən (CDN) mənbəyini göstərərək jQuery kitabxanasını ehtiva edir. Bu, jQuery kitabxanasının veb-səhifədə istifadə üçün mövcud olmasını təmin edir.
  5. <body>: Bu, görünən məzmunu və istifadəçi interfeysi elementlərini yerləşdirdiyiniz veb-səhifənin əsas məzmun sahəsidir.
  6. <form>: Daxiletmə sahələrini ehtiva etmək üçün istifadə edilən HTML forma elementi. Bu halda, o, gizli giriş sahəsini əhatə etmək üçün istifadə olunur.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Veb səhifəsində görünməyəcək gizli giriş sahəsi. Ona “hiddenDateField” ID-si və “hiddenDateField” adı təyin edilib.
  8. <script>: Bu JavaScript kodunu yaza biləcəyiniz JavaScript skript blokunun açılış teqidir.
  9. $(document).ready(function() { ... });: Bu jQuery kod blokudur. istifadə edir $(document).ready() daxil olan kodun səhifə tam yükləndikdən sonra işləməsini təmin etmək funksiyası. Bu funksiyanın içərisində:
    • const today = new Date(); yeni yaradır Date cari tarixi və vaxtı təmsil edən obyekt.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); istifadə edərək tarixi istədiyiniz formatda (aa/gg/yyyy) sətirdə formatlayır toLocaleDateString metodu.
  10. $('#hiddenDateField').val(formattedDate); jQuery-dən istifadə edərək “hiddenDateField” ID ilə gizli giriş sahəsini seçir və onu təyin edir. value formatlanmış tarixə. Bu, göstərilən formatda bugünkü tarixlə gizli sahəni effektiv şəkildə əvvəlcədən doldurur.

JQuery kodu təmiz JavaScript ilə müqayisədə gizli giriş sahəsinin seçilməsi və dəyişdirilməsi prosesini asanlaşdırır. Səhifə yükləndikdə, gizli giriş sahəsi mm/gg/yyyy formatında bugünkü tarixlə doldurulur və aşağıda göstərildiyi kimi heç bir aparıcı sıfır yoxdur. formattedDate dəyişən.

Douglas Karr

Douglas Karr CMO-dur OpenINSIGHTS və təsisçisi Martech Zone. Duqlas onlarla uğurlu MarTech startapına kömək edib, Martech-in satınalmalarında və investisiyalarında 5 milyard dollardan çox dəyərində lazımi araşdırmaya kömək edib və şirkətlərə satış və marketinq strategiyalarının həyata keçirilməsində və avtomatlaşdırılmasında kömək etməyə davam edir. Duqlas beynəlxalq səviyyədə tanınan rəqəmsal transformasiya və MarTech eksperti və məruzəçisidir. Douglas həm də Dummie's guide və biznes liderliyi kitabının nəşr edilmiş müəllifidir.

əlaqəli məqalələr

Başa dön düyməsini basın
yaxın

Adblock Aşkarlandı

Martech Zone bu məzmunu heç bir ödəniş etmədən sizə təqdim edə bilir, çünki biz reklam gəlirləri, filial bağlantıları və sponsorluqlar vasitəsilə saytımızdan pul qazanırıq. Saytımıza baxarkən reklam blokerinizi silsəniz çox şad olarıq.