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

HTML DOM Input Datetime type প্রোপার্টি


পরিচয়

HTML DOM Input Datetime type প্রোপার্টি ইনপুট ডেটাইমের টাইপ রিটার্ন/সেট করে।

সিনট্যাক্স

স্ট্রিং মান ফেরত দেওয়া

inputDatetimeObject.type

type সেট করা

inputDatetimeObject.type = stringValue

স্ট্রিং মানসমূহ

stringValue বিবরণ
date ইনপুট টাইপ date 있음을 나타냅니다।
datetime ইনপুট টাইপ datetime임을 나타냅니다।
checkbox ইনপুট টাইপ checkbox임을 나타냅니다।
text ইনপুট টাইপ text임을 나타냅니다।

উদাহরণ

নিচে Input Datetime type প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <title>Input Datetime type</title> </head> <body> 
<form> 
  <div> Date of Birth: <input type="datetime" id="datetimeSelect" value="2000-09-17T19:22Z"> </div> 
</form> 
<button onclick="changeType()">Get Time and Date</button> 
<div id="divDisplay"></div> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDatetime = document.getElementById("datetimeSelect"); 
  divDisplay.textContent = 'Input type: '+ inputDatetime.type; 
  function changeType(){ 
    if(inputDatetime.type === 'text'){ 
      var currDate = inputDatetime.value.split("T")[0]; 
      var currTime = inputDatetime.value.split("T")[1]; 
    } 
    divDisplay.textContent = 'Input Date: '+ currDate+', Input Time: '+currTime; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

'Get Time and Date' বাটনে ক্লিক করার আগে:

HTML DOM Input Datetime type প্রোপার্টি

'Get Time and Date' বাটনে ক্লিক করার পর:

HTML DOM Input Datetime type প্রোপার্টি

  1. HTML DOM Input Email type প্রপার্টি

  2. HTML DOM Input Time type প্রপার্টি

  3. HTML DOM Input Week type প্রপার্টি

  4. HTML DOM Input Number type প্রপার্টি