পরিচয়
HTML DOM Input Datetime অবজেক্ট একটি HTML ইনপুট এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ datetime। গৌণভাবে সফারি ছাড়া সব ব্রাউজার টাইপ datetime কে টেক্সট হিসেবে মনে করে।
সিনট্যাক্স
<input> তৈরি করা datetime টাইপের সাথে:
var datetimeObject = document.createElement("input"); datetimeObject.type = "datetime";
অ্যাট্রিবিউটসমূহ
এখানে "datetimeObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:
| অ্যাট্রিবিউট | বিবরণ |
|---|---|
| autocomplete | ডেটাইম ফিল্ডের autocomplete অ্যাট্রিবিউটের মান নির্ধারণ করে |
| autofocus | পেজ লোড হলে ডেটাইম ফিল্ড ফোকাস হবে কিনা তা নির্ধারণ করে |
| defaultValue | ডেটাইম ফিল্ডের ডিফল্ট মান সেট/রিটার্ন করে |
| disabled | ডেটাইম ফিল্ড ডিজেবল/এনেবল আছে কিনা তা নির্ধারণ করে |
| form | ডেটাইম ফিল্ডের max অ্যাট্রিবিউটের মান রিটার্ন/সেট করে |
| min | ডেটাইম ফিল্ডের min অ্যাট্রিবিউটের মান রিটার্ন/সেট করে |
| name | ডেটাইম ফিল্ডের name অ্যাট্রিবিউটের মান নির্ধারণ করে |
| readOnly | ডেটাইম ফিল্ড রিড-অনলি কিনা তা নির্ধারণ করে |
| required | ফর্ম সাবমিটের জন্য ডেটাইম ফিল্ড বাধ্যতামূলক কিনা তা নির্ধারণ করে |
| step | ডেটাইম ফিল্ডের step অ্যাট্রিবিউটের মান নির্ধারণ করে |
| type | ডেটাইম ফিল্ডের ফর্ম এলিমেন্টের টাইপ রিটার্ন করে |
| value | ডেটাইম ফিল্ডের value অ্যাট্রিবিউটের মান নির্ধারণ করে |
মেথডসমূহ
এছাড়া নিচের মেথডগুলোও উপলব্ধ:
| মেথড | বিবরণ |
|---|---|
| stepDown | ডেটাইম ফিল্ড কতটুকু কমাবে তা নির্ধারণ করে |
| stepUp | ডেটাইম ফিল্ড কতটুকু বাড়াবে তা নির্ধারণ করে |
উদাহরণ
নিচে Input Datetime min প্রোপার্টির একটি উদাহরণ দেওয়া হলো:
<!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>
আউটপুট
উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:
'Decrease min age bar' বাটনে ক্লিক করার আগে:

'Decrease min age bar' বাটনে ক্লিক করার পর:
