CRM اور ڈیٹا پلیٹ فارمز

آج کی تاریخ اور جاوا اسکرپٹ یا JQuery کے ساتھ فارم فیلڈ کو کیسے تیار کریں

اگرچہ بہت سے حل ہر فارم کے اندراج کے ساتھ تاریخ کو ذخیرہ کرنے کا موقع فراہم کرتے ہیں، دوسری بار ایسے ہوتے ہیں جب یہ آپشن نہیں ہوتا ہے۔ ہم اپنے کلائنٹس کی حوصلہ افزائی کرتے ہیں کہ وہ اپنی سائٹ پر ایک پوشیدہ فیلڈ شامل کریں اور اس معلومات کو اندراج کے ساتھ پاس کریں تاکہ وہ ٹریک کر سکیں کہ فارم کے اندراجات کب داخل ہوتے ہیں۔ جاوا اسکرپٹ کا استعمال کرنا، یہ آسان ہے۔

آج کی تاریخ اور جاوا اسکرپٹ کے ساتھ فارم فیلڈ کو کیسے تیار کریں۔

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

آئیے فراہم کردہ ایچ ٹی ایم ایل اور جاوا اسکرپٹ کوڈ کو مرحلہ وار توڑتے ہیں:

  1. <!DOCTYPE html> اور <html>: یہ معیاری HTML دستاویز کے اعلانات ہیں جو بتاتے ہیں کہ یہ ایک HTML5 دستاویز ہے۔
  2. <head>: اس حصے کو عام طور پر دستاویز کے بارے میں میٹا ڈیٹا شامل کرنے کے لیے استعمال کیا جاتا ہے، جیسے کہ ویب صفحہ کا عنوان، جو <title> عنصر
  3. <title>: یہ ویب پیج کے عنوان کو "جاوا اسکرپٹ کے ساتھ تاریخ کی تیاری" پر سیٹ کرتا ہے۔
  4. <body>: یہ ویب پیج کا مرکزی مواد کا علاقہ ہے جہاں آپ مرئی مواد اور یوزر انٹرفیس عناصر کو رکھتے ہیں۔
  5. <form>: ایک فارم عنصر جو ان پٹ فیلڈز پر مشتمل ہو سکتا ہے۔ اس صورت میں، اس کا استعمال پوشیدہ ان پٹ فیلڈ پر مشتمل ہے جو آج کی تاریخ کے ساتھ آباد ہوگا۔
  6. <input type="hidden" id="hiddenDateField" name="hiddenDateField">: یہ ایک پوشیدہ ان پٹ فیلڈ ہے۔ یہ صفحہ پر ظاہر نہیں ہوتا ہے لیکن ڈیٹا اسٹور کر سکتا ہے۔ اسے "hiddenDateField" کی ایک ID اور JavaScript میں شناخت اور استعمال کے لیے "hiddenDateField" کا نام دیا گیا ہے۔
  7. <script>: یہ جاوا اسکرپٹ اسکرپٹ بلاک کے لیے اوپننگ ٹیگ ہے، جہاں آپ جاوا اسکرپٹ کوڈ لکھ سکتے ہیں۔
  8. function getFormattedDate() { ... }: یہ جاوا اسکرپٹ فنکشن کی وضاحت کرتا ہے جسے کہا جاتا ہے۔ 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" ID کے ساتھ پوشیدہ ان پٹ فیلڈ کو منتخب کرنے کے لیے۔
    • سیٹ کرتا ہے۔ value منتخب کردہ ان پٹ فیلڈ کی خاصیت اس قدر کے لیے جو واپس کی گئی ہے۔ getFormattedDate() فنکشن یہ چھپی ہوئی فیلڈ کو آج کی تاریخ کے ساتھ مخصوص فارمیٹ میں آباد کرتا ہے۔

حتمی نتیجہ یہ ہوتا ہے کہ جب صفحہ لوڈ ہوتا ہے، تو آئی ڈی "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 کو آج کی تاریخ کے ساتھ چھپے ہوئے ان پٹ فیلڈ کو پہلے سے تیار کرنے کے لیے کس طرح استعمال کیا جائے، جس کی شکل mm/dd/yyyy، بغیر کسی صفر کے۔ آئیے اسے مرحلہ وار توڑتے ہیں:

  1. <!DOCTYPE html> اور <html>: یہ معیاری HTML دستاویز کے اعلانات ہیں جو اس بات کی نشاندہی کرتے ہیں کہ یہ ایک HTML5 دستاویز ہے۔
  2. <head>: یہ سیکشن ویب پیج کے لیے میٹا ڈیٹا اور وسائل کو شامل کرنے کے لیے استعمال کیا جاتا ہے۔
  3. <title>: ویب پیج کے عنوان کو "jQuery اور JavaScript Date Object کے ساتھ Date Prepopulation" پر سیٹ کرتا ہے۔
  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>: یہ جاوا اسکرپٹ اسکرپٹ بلاک کے لیے اوپننگ ٹیگ ہے جہاں آپ جاوا اسکرپٹ کوڈ لکھ سکتے ہیں۔
  9. $(document).ready(function() { ... });: یہ ایک jQuery کوڈ بلاک ہے۔ یہ استعمال کرتا ہے۔ $(document).ready() فنکشن اس بات کو یقینی بنانے کے لیے کہ موجود کوڈ صفحہ کے مکمل لوڈ ہونے کے بعد چلتا ہے۔ اس فنکشن کے اندر:
    • const today = new Date(); ایک نیا بناتا ہے Date موجودہ تاریخ اور وقت کی نمائندگی کرنے والی چیز۔
    • const formattedDate = today.toLocaleDateString('en-US', { ... }); کا استعمال کرتے ہوئے مطلوبہ فارمیٹ (mm/dd/yyyy) کے ساتھ تاریخ کو سٹرنگ میں فارمیٹ کرتا ہے۔ toLocaleDateString طریقہ.
  10. $('#hiddenDateField').val(formattedDate); jQuery کا استعمال کرتے ہوئے ID "hiddenDateField" کے ساتھ پوشیدہ ان پٹ فیلڈ کو منتخب کرتا ہے اور اسے سیٹ کرتا ہے value فارمیٹ شدہ تاریخ تک۔ یہ مخصوص فارمیٹ میں آج کی تاریخ کے ساتھ پوشیدہ فیلڈ کو مؤثر طریقے سے تیار کرتا ہے۔

jQuery کوڈ خالص JavaScript کے مقابلے میں پوشیدہ ان پٹ فیلڈ کو منتخب کرنے اور اس میں ترمیم کرنے کے عمل کو آسان بناتا ہے۔ جب صفحہ لوڈ ہوتا ہے، پوشیدہ ان پٹ فیلڈ آج کی تاریخ کے ساتھ mm/dd/yyyy فارمیٹ میں پاپولڈ ہو جاتا ہے، اور کوئی لیڈنگ زیرو موجود نہیں ہوتا ہے، جیسا کہ میں بیان کیا گیا ہے۔ formattedDate متغیر.

Douglas Karr

Douglas Karr کا سی ایم او ہے۔ OpenINSIGHTS اور کے بانی Martech Zone. Douglas نے درجنوں کامیاب MarTech اسٹارٹ اپس کی مدد کی ہے، Martech کے حصول اور سرمایہ کاری میں $5 بلین سے زیادہ کی مستعدی میں مدد کی ہے، اور کمپنیوں کو ان کی سیلز اور مارکیٹنگ کی حکمت عملیوں کو نافذ کرنے اور خودکار کرنے میں مدد کرنا جاری رکھے ہوئے ہے۔ ڈگلس ایک بین الاقوامی سطح پر تسلیم شدہ ڈیجیٹل تبدیلی اور MarTech ماہر اور اسپیکر ہے۔ ڈگلس ڈمی کی گائیڈ اور بزنس لیڈر شپ کی کتاب کے شائع شدہ مصنف بھی ہیں۔

متعلقہ مضامین

واپس اوپر بٹن
کلوز

ایڈ بلاک کا پتہ چلا

Martech Zone آپ کو یہ مواد بغیر کسی قیمت کے فراہم کرنے کے قابل ہے کیونکہ ہم اپنی سائٹ کو اشتھاراتی آمدنی، ملحقہ لنکس اور اسپانسرشپ کے ذریعے منیٹائز کرتے ہیں۔ اگر آپ ہماری سائٹ کو دیکھتے ہی اپنے ایڈ بلاکر کو ہٹا دیں تو ہم اس کی تعریف کریں گے۔