CRM සහ දත්ත වේදිකා

අද දිනය සහ ජාවාස්ක්‍රිප්ට් හෝ JQuery සමඟ Form Field එකක් Prepopulate කරන්නේ කෙසේද

බොහෝ විසඳුම් මඟින් එක් එක් පෝරමය ඇතුළත් කිරීම සමඟ දිනය ගබඩා කිරීමට අවස්ථාව ලබා දෙන අතර, එය විකල්පයක් නොවන වෙනත් අවස්ථා තිබේ. අපි අපගේ සේවාලාභීන්ට ඔවුන්ගේ වෙබ් අඩවියට සැඟවුණු ක්ෂේත්‍රයක් එක් කිරීමට දිරිමත් කරන අතර, පෝරම ඇතුළත් කිරීම් ඇතුළත් කළ විට ඔවුන්ට නිරීක්ෂණය කළ හැකි වන පරිදි ප්‍රවේශය සමඟ මෙම තොරතුරු ලබා දෙන්න. 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>: මෙය වෙබ් පිටුවේ මාතෘකාව "ජාවාස්ක්‍රිප්ට් සමඟ පූර්ව ජනගහන දිනය" ලෙස සකසයි.
  4. <body>: ඔබ දෘශ්‍ය අන්තර්ගත සහ පරිශීලක අතුරුමුහුණත් මූලද්‍රව්‍ය ස්ථානගත කරන වෙබ් පිටුවේ ප්‍රධාන අන්තර්ගත ප්‍රදේශය මෙයයි.
  5. <form>: ආදාන ක්ෂේත්‍ර අඩංගු විය හැකි පෝරම මූලද්‍රව්‍යයක්. මෙම අවස්ථාවෙහිදී, එය අද දිනය සමඟ පුරවනු ලබන සැඟවුණු ආදාන ක්ෂේත්‍රය අඩංගු කිරීමට භාවිතා කරයි.
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: මෙය සැඟවුණු ආදාන ක්ෂේත්‍රයකි. එය පිටුවේ නොපෙන්වන නමුත් දත්ත ගබඩා කළ හැක. එයට “hiddenDateField” හි ID එකක් සහ JavaScript හි හඳුනාගැනීම සහ භාවිතය සඳහා “hiddenDateField” යන නමක් ලබා දී ඇත.
  7. <script>: ඔබට JavaScript කේතය ලිවිය හැකි JavaScript ස්ක්‍රිප්ට් බ්ලොක් එකක් සඳහා වන ආරම්භක ටැගය මෙයයි.
  8. function getFormattedDate() { ... }: මෙය JavaScript ශ්‍රිතයක් ලෙස හඳුන්වනු ලබයි 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" හැඳුනුම්පත සමඟ සැඟවුණු ආදාන ක්ෂේත්‍රය තේරීමට.
    • සකසයි value තෝරාගත් ආදාන ක්ෂේත්‍රයේ දේපල මගින් ආපසු ලබා දෙන අගයට getFormattedDate() කාර්යය. මෙය සඟවා ඇති ක්ෂේත්‍රය අද දිනය සමඟ නිශ්චිත ආකෘතියෙන් පුරවයි.

අවසාන ප්‍රතිඵලය වනුයේ පිටුව පූරණය වන විට, "hiddenDateField" හැඳුනුම්පත සහිත සැඟවුණු ආදාන ක්ෂේත්‍රය, හි නිශ්චිතව දක්වා ඇති පරිදි, mm/dd/yyyy ආකෘතියෙන් 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 කේතය, ප්‍රමුඛ ශුන්‍ය නොමැතිව mm/dd/yyyy ලෙස සංයුති කර, අද දිනය සමඟ සැඟවුණු ආදාන ක්ෂේත්‍රයක් පූර්ව ජනනය කිරීමට jQuery භාවිත කරන ආකාරය නිරූපණය කරයි. අපි එය පියවරෙන් පියවර බිඳ දමමු:

  1. <!DOCTYPE html> සහ <html>: මේවා මෙය HTML5 ලේඛනයක් බව පෙන්වන සම්මත HTML ලේඛන ප්‍රකාශයන් වේ.
  2. <head>: මෙම කොටස වෙබ් පිටුව සඳහා පාර-දත්ත සහ සම්පත් ඇතුළත් කිරීම සඳහා භාවිතා වේ.
  3. <title>: වෙබ් පිටුවේ මාතෘකාව "jQuery සහ JavaScript Date Object සමඟ දින පුර්ව ජනනය" ලෙස සකසයි.
  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” හි ID සහ “hiddenDateField” නමක් පවරා ඇත.
  8. <script>: ඔබට JavaScript කේතය ලිවිය හැකි JavaScript ස්ක්‍රිප්ට් බ්ලොක් එකක් සඳහා වන ආරම්භක ටැගය මෙයයි.
  9. $(document).ready(function() { ... });: මේක jQuery code block එකක්. එය භාවිතා කරයි $(document).ready() පිටුව සම්පූර්ණයෙන් පූරණය වූ පසු අඩංගු කේතය ක්‍රියාත්මක වන බව සහතික කිරීමට ක්‍රියා කරයි. මෙම කාර්යය ඇතුළත:
    • const today = new Date(); අලුත් එකක් නිර්මාණය කරයි Date වත්මන් දිනය සහ වේලාව නියෝජනය කරන වස්තුව.
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); අවශ්‍ය ආකෘතිය (mm/dd/yyyy) භාවිතයෙන් තන්තුවකට දිනය හැඩතල ගන්වයි toLocaleDateString ක්රමයකි.
  10. $('#hiddenDateField').val(formattedDate); jQuery භාවිතයෙන් "hiddenDateField" හැඳුනුම්පත සහිත සැඟවුණු ආදාන ක්ෂේත්‍රය තෝරා එය සකසයි value ආකෘතිගත කළ දිනයට. මෙය සඟවා ඇති ක්ෂේත්‍රය අද දිනය සමඟ නිශ්චිත ආකෘතියෙන් ප්‍රතිඵලදායක ලෙස පූර්ව ජනනය කරයි.

jQuery කේතය පිරිසිදු ජාවාස්ක්‍රිප්ට් හා සසඳන විට සැඟවුණු ආදාන ක්ෂේත්‍රය තේරීමේ සහ වෙනස් කිරීමේ ක්‍රියාවලිය සරල කරයි. පිටුව පූරණය වන විට, සැඟවුණු ආදාන ක්ෂේත්‍රය අද දිනය සමඟ mm/dd/yyyy ආකෘතියෙන් පිරී ඇති අතර, හි නිශ්චිතව දක්වා ඇති පරිදි ප්‍රමුඛ ශුන්‍ය නොමැත. formattedDate විචල්ය.

Douglas Karr

Douglas Karr හි CMO වේ විවෘත INSIGHTS සහ නිර්මාතෘ Martech Zone. ඩග්ලස් සාර්ථක MarTech ආරම්භක දුසිම් ගණනකට උදව් කර ඇත, මාර්ටෙක් අත්පත් කර ගැනීම් සහ ආයෝජන සඳහා ඩොලර් 5 කට වඩා වැඩි කඩිසරකමකට සහාය වී ඇත, සහ ඔවුන්ගේ විකුණුම් සහ අලෙවිකරණ උපාය මාර්ග ක්‍රියාත්මක කිරීමට සහ ස්වයංක්‍රීය කිරීමට සමාගම්වලට දිගටම සහාය වේ. ඩග්ලස් යනු ජාත්‍යන්තරව පිළිගත් ඩිජිටල් පරිවර්තනයක් වන අතර MarTech විශේෂඥයෙකු සහ කථිකයෙකි. ඩග්ලස් ඩමිගේ මාර්ගෝපදේශකයෙකු සහ ව්‍යාපාර නායකත්ව පොතක ප්‍රකාශිත කතුවරයෙකි.

සබැඳි පුවත්

ඉහළට බොත්තම
සමීප

Adblock අනාවරණය විය

Martech Zone වෙළඳ දැන්වීම් ආදායම, අනුබද්ධ සබැඳි සහ අනුග්‍රාහකත්ව හරහා අපි අපගේ වෙබ් අඩවියෙන් මුදල් උපයන නිසා කිසිදු වියදමකින් තොරව ඔබට මෙම අන්තර්ගතය ලබා දීමට හැකි වේ. ඔබ අපගේ වෙබ් අඩවිය නරඹන විට ඔබේ දැන්වීම් අවහිර කරන්නා ඉවත් කරන්නේ නම් අපි අගය කරන්නෙමු.