HTML DOM Input Date অবজেক্ট type date সহ একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
- <input> তৈরি করা type date সহ
var dateObject = document.createElement("input"); dateObject.type = "date";
অ্যাট্রিবিউটগুলো
এখানে "dateObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:
| অ্যাট্রিবিউটস | বিবরণ |
|---|---|
| autocomplete | ডেট ফিল্ডের autocomplete অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে |
| autofocus | পেজ লোড হলে ডেট ফিল্ড ফোকাস পাবে কিনা তা ডিফাইন করে। |
| defaultValue | ডেট ফিল্ডের ডিফল্ট ভ্যালু সেট/রিটার্ন করে |
| disabled | ডেট ফিল্ড ডিজেবল্ড/এনেবল্ড আছে কিনা ডিফাইন করে |
| form | ডেট ফিল্ডকে ধারণকারী ফর্মের রেফারেন্স রিটার্ন করে |
| max | ডেট ফিল্ডের max অ্যাট্রিবিউটের ভ্যালু রিটার্ন/সেট করে |
| min | ডেট ফিল্ডের min অ্যাট্রিবিউটের ভ্যালু রিটার্ন/সেট করে |
| name | ডেট ফিল্ডের name অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে |
| readOnly | ডেট ফিল্ড রিড-অনলি আছে কিনা ডিফাইন করে |
| required | ফর্ম সাবমিট করার জন্য ডেট ফিল্ড বাধ্যতামূলক কিনা ডিফাইন করে |
| step | ডেট ফিল্ডের step অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে |
| type | ডেট ফিল্ডের ফর্ম এলিমেন্ট টাইপ রিটার্ন করে |
| value | ডেট ফিল্ডের value অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে |
বুলিয়ান ভ্যালু
এবং নিচের মেথডগুলোও থাকে:
| বুলিয়ান ভ্যালু | বিবরণ |
|---|---|
| stepDown | ডেট ফিল্ড কত দিন বাড়াবে তা ডিফাইন করে। |
| stepUp | ডেট ফিল্ড কত দিন বাড়াবে তা ডিফাইন করে। |
উদাহরণ
Input Date max প্রোপার্টির উদাহরণ:
<!DOCTYPE html> <html> <head> <title>Input Date Max</title> </head> <body> <form> Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31"> </form> <button onclick="getMaxDate()">Change Max Date</button> <div id="divDisplay"></div> <script> var inputDate = document.getElementById("date"); var divDisplay = document.getElementById("divDisplay"); divDisplay.textContent = 'Max of date input: '+inputDate.max; function getMaxDate() { var oldInputDate = inputDate.max; inputDate.max = '2020-12-31'; divDisplay.textContent = 'Max of date input: '+inputDate.max; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট প্রডিউস করবে:
'Change Max Date' বাটনে ক্লিক করার আগে:

'Change Max Date' বাটনে ক্লিক করার পর:
