কম্পিউটার

HTML DOM ইনপুট ডেটটাইম টাইপ প্রপার্টি


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

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

  • রিটার্নিং স্ট্রিং মান
inputDatetimeObject.type
  • সেটিং টাইপ স্ট্রিং মান
inputDatetimeObject.type = stringValue

স্ট্রিং মান

এখানে, “stringValue” নিম্নলিখিত −

হতে পারে
stringValue বিশদ বিবরণ
তারিখ এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল তারিখ
তারিখ সময় এটি সংজ্ঞায়িত করে যে ইনপুট প্রকার হল তারিখ সময়
চেকবক্স এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল চেকবক্স
পাঠ্য এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল পাঠ্য

উদাহরণ

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

<!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>

আউটপুট

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

তৈরি করবে

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

HTML DOM ইনপুট ডেটটাইম টাইপ প্রপার্টি

'সময় এবং তারিখ পান' ক্লিক করার পরে৷ বোতাম -

HTML DOM ইনপুট ডেটটাইম টাইপ প্রপার্টি


  1. এইচটিএমএল ডম ইনপুট ইমেল প্রকার সম্পত্তি

  2. HTML DOM ইনপুট টাইপ টাইপ প্রপার্টি

  3. এইচটিএমএল ডম ইনপুট সপ্তাহের প্রকারের সম্পত্তি

  4. HTML DOM ইনপুট নম্বর টাইপ প্রপার্টি