CRM ati Awọn iru ẹrọ data

Bii o ṣe le ṣaju aaye Fọọmu kan Pẹlu Ọjọ Oni ati JavaScript tabi JQuery

Lakoko ti ọpọlọpọ awọn solusan nfunni ni aye lati tọju ọjọ naa pẹlu titẹsi fọọmu kọọkan, awọn igba miiran wa nigbati kii ṣe aṣayan. A gba awọn alabara wa niyanju lati ṣafikun aaye ti o farapamọ si aaye wọn ki o kọja alaye yii pẹlu titẹ sii ki wọn le tọpa nigbati awọn titẹ sii fọọmu ba wa. Lilo JavaScript, eyi rọrun.

Bii o ṣe le ṣaju aaye Fọọmu kan Pẹlu Ọjọ Oni ati 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>

Jẹ ki a ya lulẹ HTML ti a pese ati koodu JavaScript ni igbese nipasẹ igbese:

  1. <!DOCTYPE html> ati <html>: Iwọnyi jẹ awọn ikede iwe aṣẹ HTML boṣewa ti o sọ pe eyi jẹ iwe HTML5 kan.
  2. <head>: Abala yii ni a maa n lo lati ni awọn metadata nipa iwe-ipamọ naa, gẹgẹbi akọle oju-iwe wẹẹbu, eyiti a ṣeto pẹlu lilo <title> ano.
  3. <title>: Eyi ṣeto akọle oju-iwe wẹẹbu naa si “Iṣaaju Ọjọ Pelu JavaScript.”
  4. <body>: Eyi ni agbegbe akoonu akọkọ ti oju-iwe wẹẹbu nibiti o gbe akoonu ti o han ati awọn eroja wiwo olumulo.
  5. <form>: Ero fọọmu ti o le ni awọn aaye titẹ sii ninu. Ni idi eyi, o jẹ lilo lati ni aaye titẹ sii ti o farapamọ ti yoo kun pẹlu ọjọ oni.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Eyi jẹ aaye titẹ sii ti o farapamọ. Ko han loju iwe ṣugbọn o le fi data pamọ. O fun ni ID ti “hiddenDateField” ati orukọ kan ti “hiddenDateField” fun idanimọ ati lilo ninu JavaScript.
  7. <script>: Eyi ni aami ṣiṣi fun Àkọsílẹ iwe afọwọkọ JavaScript, nibi ti o ti le kọ koodu JavaScript.
  8. function getFormattedDate() { ... }: Eleyi asọye a JavaScript iṣẹ ti a npe ni getFormattedDate(). Ninu iṣẹ yii:
    • O ṣẹda titun kan Date nkan ti o nsoju ọjọ ati akoko lọwọlọwọ nipa lilo const today = new Date();.
    • O ṣe ọna kika ọjọ sinu okun pẹlu ọna kika ti o fẹ (mm/dd/yyyy) ni lilo today.toLocaleDateString(). awọn 'en-US' ariyanjiyan pato agbegbe (American English) fun kika, ati ohun ti o wa pẹlu year, month, Ati day -ini asọye ọna kika ọjọ.
  9. return formattedDate;: Laini yii da ọjọ ti a pa akoonu pada bi okun.
  10. document.getElementById('hiddenDateField').value = getFormattedDate();: Laini koodu yii:
    • ipawo document.getElementById('hiddenDateField') lati yan aaye titẹ sii ti o farapamọ pẹlu ID “hiddenDateField.”
    • Ṣeto awọn value ohun ini ti awọn ti o yan input aaye si iye pada nipa awọn getFormattedDate() iṣẹ. Eyi ṣe agbejade aaye ti o farapamọ pẹlu ọjọ oni ni ọna kika ti a sọ.

Abajade ipari ni pe nigbati oju-iwe naa ba ṣaja, aaye titẹ sii ti o farapamọ pẹlu ID “hiddenDateField” ti kun pẹlu ọjọ oni ni ọna kika mm/dd/yyyy laisi awọn odo asiwaju, bi pato ninu getFormattedDate() iṣẹ.

Bii o ṣe le ṣaju aaye Fọọmu kan Pẹlu Ọjọ Oni ati 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 yii ati koodu JavaScript ṣe afihan bi o ṣe le lo jQuery lati ṣaju aaye titẹ sii ti o farapamọ pẹlu ọjọ oni, ti a ṣe pa akoonu bi mm/dd/yyyy, laisi awọn odo asiwaju. Jẹ ki a ya lulẹ ni igbese nipa igbese:

  1. <!DOCTYPE html> ati <html>: Iwọnyi jẹ awọn ikede iwe aṣẹ HTML boṣewa ti o tọka pe eyi jẹ iwe HTML5.
  2. <head>: Abala yii jẹ lilo fun pẹlu metadata ati awọn orisun fun oju opo wẹẹbu naa.
  3. <title>: Ṣeto akọle oju-iwe wẹẹbu naa si “Iwaju ọjọ pẹlu jQuery ati Ohun Ọjọ JavaScript.”
  4. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>Laini yii pẹlu ile-ikawe jQuery nipa sisọ orisun rẹ lati inu nẹtiwọọki ifijiṣẹ akoonu (CDN). O ṣe idaniloju pe ile-ikawe jQuery wa fun lilo lori oju opo wẹẹbu naa.
  5. <body>: Eyi ni agbegbe akoonu akọkọ ti oju-iwe wẹẹbu nibiti o gbe akoonu ti o han ati awọn eroja wiwo olumulo.
  6. <form>: Ohun elo fọọmu HTML ti a lo lati ni awọn aaye titẹ sii ninu. Ni idi eyi, o ti lo lati ṣafikun aaye titẹ sii ti o farapamọ.
  7. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: Aaye titẹ sii ti o farapamọ ti kii yoo han loju oju opo wẹẹbu naa. O ti pin ID kan ti “hiddenDateField” ati orukọ kan ti “HiddenDateField.”
  8. <script>: Eyi ni aami ṣiṣi fun iwe afọwọkọ JavaScript nibiti o ti le kọ koodu JavaScript.
  9. $(document).ready(function() { ... });: Eleyi jẹ jQuery koodu Àkọsílẹ. O nlo awọn $(document).ready() iṣẹ lati rii daju wipe awọn ti o wa ninu koodu nṣiṣẹ lẹhin ti awọn iwe ti ni kikun kojọpọ. Ninu iṣẹ yii:
    • const today = new Date(); ṣẹda titun kan Date nkan ti o nsoju ọjọ ati akoko lọwọlọwọ.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); ṣe ọna kika ọjọ sinu okun pẹlu ọna kika ti o fẹ (mm/dd/yyyy) ni lilo awọn toLocaleDateString ọna.
  10. $('#hiddenDateField').val(formattedDate); yan aaye titẹ sii ti o farapamọ pẹlu ID “hiddenDateField” ni lilo jQuery ati ṣeto rẹ value si awọn kika ọjọ. Eyi ni imunadoko ṣaju aaye ti o farapamọ pẹlu ọjọ oni ni ọna kika ti a sọ.

Koodu jQuery jẹ irọrun ilana ti yiyan ati iyipada aaye titẹ sii ti o farapamọ ni akawe si JavaScript mimọ. Nigbati oju-iwe naa ba gberu, aaye titẹ sii ti o farapamọ ti kun pẹlu ọjọ oni ni ọna kika mm/dd/yyyy, ko si si awọn odo asiwaju ti o wa, bi pato ninu formattedDate ayípadà.

Douglas Karr

Douglas Karr jẹ CMO ti Ṣii awọn oye ati oludasile ti Martech Zone. Douglas ti ṣe iranlọwọ fun awọn dosinni ti awọn ibẹrẹ MarTech aṣeyọri, ti ṣe iranlọwọ ni aisimi ti o ju $ 5 bilionu ni awọn ohun-ini Martech ati awọn idoko-owo, ati tẹsiwaju lati ṣe iranlọwọ fun awọn ile-iṣẹ ni imuse ati adaṣe awọn tita ati awọn ilana titaja wọn. Douglas jẹ iyipada oni nọmba agbaye ti a mọye ati alamọja MarTech ati agbọrọsọ. Douglas tun jẹ onkọwe ti a tẹjade ti itọsọna Dummie ati iwe itọsọna iṣowo kan.

Ìwé jẹmọ

Pada si bọtini oke
Close

Ti ṣe awari Adblock

Martech Zone ni anfani lati pese akoonu yii fun ọ laisi idiyele nitori a ṣe monetize aaye wa nipasẹ wiwọle ipolowo, awọn ọna asopọ alafaramo, ati awọn onigbọwọ. A yoo ni riri ti o ba yọ ohun idena ipolowo rẹ bi o ṣe nwo aaye wa.