HTML DOM ইনপুট ডেটটাইম অবজেক্ট

HTML DOM ইনপুট ডেটটাইম অবজেক্ট ডেটটাইম টাইপ সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে। এছাড়াও, সাফারি ব্যতীত প্রধান ব্রাউজারগুলি কেবলমাত্র পাঠ্য হিসাবে তারিখ সময় টাইপ করে।

সিনট্যাক্স

নিচের সিনট্যাক্স −

একটি তৈরি করা হচ্ছে তারিখ সময় টাইপ সহ

var datetimeObject = document.createElement(“input”);
datetimeObject.type = “datetime”;

গুণাবলী

এখানে, “datetimeObject” নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -

গুণাবলী	বিবরণ
স্বয়ংক্রিয়ভাবে সম্পূর্ণ	এটি একটি datetime ক্ষেত্রের স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান নির্ধারণ করে
অটোফোকাস	ডেটটাইম ফিল্ডটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা উচিত কিনা তা নির্ধারণ করে।
ডিফল্ট মান	এটি ডেটটাইম ক্ষেত্রের ডিফল্ট মান সেট/রিটার্ন করে
অক্ষম	ডেটটাইম ক্ষেত্র নিষ্ক্রিয়/সক্রিয় থাকলে তা নির্ধারণ করে
ফর্ম	এটি ডেটটাইম ক্ষেত্রের সর্বাধিক বৈশিষ্ট্যের মান প্রদান করে/সেট করে
মিনিট	এটি ডেটটাইম ক্ষেত্রের ন্যূনতম বৈশিষ্ট্যের মান প্রদান করে/সেট করে
নাম	এটি একটি datetime ক্ষেত্রের নামের বৈশিষ্ট্যের মান নির্ধারণ করে
Only read	ডেটটাইম ক্ষেত্রটি শুধুমাত্র পঠিত হয় কিনা তা নির্ধারণ করে
প্রয়োজনীয়	ফর্মটি জমা দেওয়ার জন্য তারিখ সময় ক্ষেত্রটি পূরণ করা বাধ্যতামূলক কিনা তা নির্ধারণ করে
পদক্ষেপ	এটি ডেটটাইম ফিল্ডের স্টেপ অ্যাট্রিবিউটের মান নির্ধারণ করে
টাইপ	এটি ডেটটাইম ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে
মান	এটি একটি datetime ক্ষেত্রের মান বৈশিষ্ট্যের মান নির্ধারণ করে

বুলিয়ান মান

এবং, এছাড়াও নিম্নলিখিত পদ্ধতিগুলি -

বুলিয়ান ভ্যালু	বিশদ বিবরণ
পদক্ষেপ	ডেটটাইম ফিল্ডটি যে সংখ্যাটি হ্রাস করা উচিত তা সংজ্ঞায়িত করে।
পদক্ষেপ	ডেটটাইম ফিল্ডটি যে সংখ্যা বৃদ্ধি পাবে তা নির্ধারণ করে।

উদাহরণ

আসুন ইনপুট ডেটটাইম মিন এর একটি উদাহরণ দেখি সম্পত্তি -

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
   var inputDatetime = document.getElementById("dateTime");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   function minDateDecrease() {
      inputDatetime.min = '2010-12-31T23:59:59Z';
      divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

'কমুন বয়স বার' ক্লিক করার আগে৷ বোতাম -

HTML DOM ইনপুট ডেটটাইম অবজেক্ট

ক্লিক করার পর'মিনিট এজ বার কমিয়ে দিন' বোতাম -

HTML DOM ইনপুট ডেটটাইম অবজেক্ট