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

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

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

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

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

inputDatetimeLocalObject.type

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

inputDatetimeLocalObject.type = stringValue

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

यहाँ "stringValue" निम्न हो सकता है:

stringValue	विवरण
date	यह परिभाषित करता है कि इनपुट प्रकार date है
datetime-local	यह परिभाषित करता है कि इनपुट प्रकार datetime-local है
checkbox	यह परिभाषित करता है कि इनपुट प्रकार checkbox है
text	यह परिभाषित करता है कि इनपुट प्रकार text है

उदाहरण

आइए Input DatetimeLocal type गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal type</title> <style> 
    form { 
        width:70%; 
        margin: 0 auto; 
        text-align: center; 
    } 
    * { 
        padding: 2px; 
        margin:5px; 
    } 
    input[type="button"] { 
        border-radius: 10px; 
    } 
</style> </head> <body> 
<form> 
    <fieldset> 
        <legend>Datetime-Local-type</legend> 
        <label for="datetimeLocalSelect">उद्घाटन दिनांक-समय: <input type="datetime-local" id="datetimeLocalSelect" value="2020-01-01T10:00"> </label> 
        <input type="button" onclick="getEvent()" value="इवेंट कहाँ है? "> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
    function getEvent() { 
        if(inputDatetimeLocal.type === 'datetime-local') 
            divDisplay.textContent = 'इवेंट उद्घाटन आपके निकट'; 
        else 
            divDisplay.textContent = 'इवेंट उद्घाटन भारत में'; 
    } 
</script> </body> </html>

आउटपुट

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

'इवेंट कहाँ है?' बटन पर क्लिक करने से पहले:

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

'इवेंट कहाँ है?' बटन पर क्लिक करने के बाद:

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