HTML DOM Input Datetime type गुणधर्म

HTML DOM Input Datetime type गुणधर्म इनपुट डेटटाइम के प्रकार को लौटाता/सेट करता है।

वाक्य रचना (Syntax)

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

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

inputDatetimeObject.type

type को स्ट्रिंग मान पर सेट करना

inputDatetimeObject.type = stringValue

स्ट्रिंग मान (String Values)

यहाँ "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> 
        जन्म दिनांक: <input type="datetime" id="datetimeSelect" value="2000-09-17T19:22Z"> 
    </div> 
</form> 
<button onclick="changeType()">समय और दिनांक प्राप्त करें</button> 
<div id="divDisplay"></div> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputDatetime = document.getElementById("datetimeSelect"); 
    divDisplay.textContent = 'इनपुट प्रकार: '+ inputDatetime.type; 
    function changeType(){ 
        if(inputDatetime.type === 'text'){ 
            var currDate = inputDatetime.value.split("T")[0]; 
            var currTime = inputDatetime.value.split("T")[1]; 
        } 
        divDisplay.textContent = 'इनपुट दिनांक: '+ currDate+', इनपुट समय: '+currTime; 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

'समय और दिनांक प्राप्त करें' बटन पर क्लिक करने से पहले:

HTML DOM Input Datetime type गुणधर्म

'समय और दिनांक प्राप्त करें' बटन पर क्लिक करने के बाद:

HTML DOM Input Datetime type गुणधर्म