HTML DOM ইনপুট তারিখ অবজেক্ট টাইপ তারিখ সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে।
সিনট্যাক্স
নিম্নলিখিত সিনট্যাক্স −
- একটি তৈরি করা হচ্ছে টাইপ তারিখ সহ
var dateObject = document.createElement(“input”); dateObject.type = “date”;
গুণাবলী
এখানে, “dateObject” নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| গুণাবলী | বিবরণ |
|---|---|
| স্বয়ংক্রিয়ভাবে সম্পূর্ণ | এটি একটি তারিখ ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান নির্ধারণ করে |
| অটোফোকাস | তারিখ ক্ষেত্রটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা উচিত কিনা তা নির্ধারণ করে। |
| ডিফল্ট মান | এটি তারিখ ক্ষেত্রের ডিফল্ট মান সেট/রিটার্ন করে |
| অক্ষম | তারিখ ক্ষেত্র নিষ্ক্রিয়/সক্ষম হলে তা নির্ধারণ করে |
| ফর্ম | এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে তারিখ ক্ষেত্র রয়েছে |
| সর্বোচ্চ | এটি তারিখ ক্ষেত্রের সর্বাধিক বৈশিষ্ট্যের মান প্রদান করে/সেট করে |
| মিনিট | এটি তারিখ ক্ষেত্রের ন্যূনতম বৈশিষ্ট্যের মান প্রদান করে/সেট করে |
| নাম | এটি একটি তারিখ ক্ষেত্রের নামের বৈশিষ্ট্যের মান নির্ধারণ করে |
| Only read | তারিখ ক্ষেত্রটি শুধুমাত্র পঠিত কিনা তা নির্ধারণ করে |
| প্রয়োজনীয় | ফর্মটি জমা দেওয়ার জন্য তারিখ ক্ষেত্রটি পূরণ করা বাধ্যতামূলক কিনা তা নির্ধারণ করে |
| পদক্ষেপ | এটি তারিখ ক্ষেত্রের ধাপের বৈশিষ্ট্যের মান নির্ধারণ করে |
| টাইপ | এটি তারিখ ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে |
| মান | এটি তারিখ ক্ষেত্রের মান বৈশিষ্ট্যের মান নির্ধারণ করে |
বুলিয়ান মান
এবং, এছাড়াও নিম্নলিখিত পদ্ধতিগুলি -
| বুলিয়ান ভ্যালু | বিশদ বিবরণ |
|---|---|
| পদক্ষেপ | তারিখ ক্ষেত্রটি কত দিন বৃদ্ধি পাবে তা নির্ধারণ করে। |
| স্টেপআপ | তারিখ ক্ষেত্রটি কত দিন বৃদ্ধি পাবে তা নির্ধারণ করে। |
উদাহরণ
আসুনইনপুট তারিখ সর্বাধিক এর একটি উদাহরণ দেখি সম্পত্তি -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'সর্বোচ্চ তারিখ পরিবর্তন করুন' ক্লিক করার আগে বোতাম -
'সর্বোচ্চ তারিখ পরিবর্তন করুন' ক্লিক করার পর বোতাম -
