HTML DOM Input Datetime ऑब्जेक्ट type datetime वाले इनपुट HTML तत्व को दर्शाता है। साथ ही, सफारी को छोड़कर प्रमुख ब्राउज़र type datetime को केवल टेक्स्ट के रूप में लेते हैं।
वाक्य रचना (Syntax)
निम्नलिखित वाक्य रचना है:
<input> को type datetime के साथ बनाना
var datetimeObject = document.createElement("input"); datetimeObject.type = "datetime";
विशेषताएँ (Attributes)
यहाँ "datetimeObject" में निम्न विशेषताएँ हो सकती हैं:
| विशेषताएँ | विवरण |
|---|---|
| autocomplete | यह डेटटाइम फ़ील्ड के ऑटोकंप्लीट विशेषता का मान परिभाषित करता है |
| autofocus | यह परिभाषित करता है कि प्रारंभिक पेज लोड पर डेटटाइम फ़ील्ड फ़ोकस्ड होना चाहिए या नहीं। |
| defaultValue | यह डेटटाइम फ़ील्ड के डिफ़ॉल्ट मान को सेट/लौटाता है |
| disabled | यह परिभाषित करता है कि डेटटाइम फ़ील्ड अक्षम/सक्षम है |
| form | यह डेटटाइम फ़ील्ड के max विशेषता का मान लौटाता/सेट करता है |
| min | यह डेटटाइम फ़ील्ड के min विशेषता का मान लौटाता/सेट करता है |
| name | यह डेटटाइम फ़ील्ड के name विशेषता का मान परिभाषित करता है |
| readOnly | यह परिभाषित करता है कि डेटटाइम फ़ील्ड रीड-ओनली है या नहीं |
| required | यह परिभाषित करता है कि फॉर्म सबमिट करने के लिए डेटटाइम फ़ील्ड भरना अनिवार्य है या नहीं |
| step | यह डेटटाइम फ़ील्ड के step विशेषता का मान परिभाषित करता है |
| type | यह डेटटाइम फ़ील्ड के फॉर्म तत्व का प्रकार लौटाता है |
| value | यह डेटटाइम फ़ील्ड के value विशेषता का मान परिभाषित करता है |
बूलियन मान (Boolean Values)
और निम्न विधियाँ भी:
| booleanValue | विवरण |
|---|---|
| stepDown | यह वह संख्या परिभाषित करता है जिससे डेटटाइम फ़ील्ड घटना चाहिए। |
| stepUp | यह वह संख्या परिभाषित करता है जिससे डेटटाइम फ़ील्ड बढ़ना चाहिए। |
उदाहरण
आइए Input Datetime min गुणधर्म का एक उदाहरण देखें:
<!DOCTYPE html> <html> <head> <title>Input Datetime Min</title> </head> <body>
<form>
दिनांक और समय: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">न्यूनतम आयु बार घटाएं</button>
<div id="divDisplay"></div>
<script>
var inputDatetime = document.getElementById("dateTime");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'न्यूनतम आयु बार: '+inputDatetime.min;
function minDateDecrease() {
inputDatetime.min = '2010-12-31T23:59:59Z';
divDisplay.textContent = 'न्यूनतम आयु बार: '+inputDatetime.min;
}
</script> </body> </html>
आउटपुट
यह निम्न आउटपुट उत्पन्न करेगा:
'न्यूनतम आयु बार घटाएं' बटन पर क्लिक करने से पहले:

'न्यूनतम आयु बार घटाएं' बटन पर क्लिक करने के बाद:
