কম্পিউটার টিউটোরিয়াল

HTML DOM Input Datetime অবজেক্ট


পরিচয়

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' বাটনে ক্লিক করার আগে:

HTML DOM Input Datetime অবজেক্ট

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

HTML DOM Input Datetime অবজেক্ট

  1. HTML DOM Input Search অবজেক্ট

  2. HTML DOM ইনপুট টেক্সট অবজেক্ট

  3. HTML DOM Input Password অবজেক্ট

  4. HTML DOM Time অবজেক্ট