HTML DOM इनपुट दिनांक प्रकार संपत्ति

<घंटा/>

HTML DOM इनपुट डेट टाइप प्रॉपर्टी रिटर्न/सेट टाइप टाइप ऑफ इनपुट डेट।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

स्ट्रिंग मान लौटाना

inputDateObject.type

सेटिंग प्रकार स्ट्रिंग मान के लिए

inputDateObject.type = stringValue

स्ट्रिंग मान

यहां, "स्ट्रिंगवैल्यू" निम्नलिखित हो सकता है -

stringValue	विवरण
तारीख	यह परिभाषित करता है कि इनपुट प्रकार दिनांक है
रेडियो	यह परिभाषित करता है कि इनपुट प्रकार रेडियो है
चेकबॉक्स	यह परिभाषित करता है कि इनपुट प्रकार चेकबॉक्स है

उदाहरण

आइए हम इनपुट दिनांक प्रकार की संपत्ति का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<title>Input Date type</title>
</head>
<body>
<form>
<div>
Calendar: <input type="date" id="dateSelect" value="2017-05-01">
</div>
</form>
<button onclick="changeType()">Change Type</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputDate = document.getElementById("dateSelect");
   divDisplay.textContent = 'Input type: '+ inputDate.type;
   function changeType(){
      if(inputDate.type === 'date'){
         var currDate = inputDate.value;
         inputDate.type = 'text';
         inputDate.value = currDate;
      }
      divDisplay.textContent = 'Input type: '+ inputDate.type;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

‘बदलाव प्रकार’ clicking क्लिक करने से पहले बटन -

HTML DOM इनपुट दिनांक प्रकार संपत्ति

‘बदलाव प्रकार’ . क्लिक करने के बाद बटन -

HTML DOM इनपुट दिनांक प्रकार संपत्ति