যখন ব্যবহারকারীদের একটি তারিখ লিখতে হয়, তখন বিকাশকারীরা একটি ইনপুট প্রকারের তারিখের পূর্ব-নির্ধারিত/ডিফল্ট মান বর্তমান/আজকের তারিখে সেট করে। এখন, ব্যবহারকারীকে ম্যানুয়ালি তারিখটি প্রবেশ করতে হবে না তাই সেই অর্থে এটি ব্যবহারকারীর জন্য সময় এবং প্রচেষ্টা সাশ্রয় করে। অধিকন্তু, এটি ব্যবহারকারীর অভিজ্ঞতা, ডেটার নির্ভুলতা বৃদ্ধি করে এবং ব্যবহারকারীদের জন্য আরও সুবিধা প্রদান করে। এটির বিভিন্ন অ্যাপ্লিকেশন রয়েছে যেমন একটি ইভেন্ট ম্যানেজমেন্ট সিস্টেম, বুকিং সিস্টেম ইত্যাদি।
এই ব্লগটি প্রদর্শন করে কিভাবে ইনপুট প্রকারের তারিখের ডিফল্ট মান আজকের জন্য সেট করতে হয়:
- 'valueAsDate' প্রপার্টি ব্যবহার করে
- 'toISOSstring()' পদ্ধতি ব্যবহার করে
- 'getFullYear()' এবং 'padStart()' পদ্ধতি ব্যবহার করে
পদ্ধতি 1: 'valueAsDate' প্রপার্টি ব্যবহার করা
দ্য ' valueAsDate বর্তমান তারিখ পুনরুদ্ধারের জন্য সম্পত্তি ব্যবহার করা হয় ' তারিখ() ' ফাংশন। এই ফাংশনটি একটি তারিখে বিভিন্ন ক্রিয়াকলাপ সম্পাদন করতে ব্যবহৃত হয় এবং বর্তমান তারিখ পাওয়া, একটি নির্দিষ্ট তারিখ নির্ধারণ, তারিখগুলি হেরফের করা ইত্যাদি।
একটি ভাল বোঝার জন্য নীচের কোড দেখুন:
< শরীর >
< div >
< লেবেল জন্য = 'আজকের তারিখ' > তারিখটা হল লেবেল < ইনপুট টাইপ = 'তারিখ'
আইডি = 'আজকের তারিখ' >
div >
< লিপি >
document.getElementById ( 'আজকের তারিখ' ) .valueAsDate = নতুন তারিখ ( ) ;
লিপি >
শরীর >
উপরের কোড স্নিপেটে:
- প্রথমত, ' <ইনপুট> ' ট্যাগ তৈরি করা হয় ' টাইপ ' এবং ' আইডি ' গুণাবলী সেট করা ' তথ্য ' এবং ' আজকের তারিখ 'যথাক্রমে। এই “ ” ট্যাগটি পুরো ব্লগে ব্যবহার করা হবে।
- এরপর, ভিতরে '