एचटीएमएल डोम इनपुट डेटाटाइम ऑब्जेक्ट टाइप डेटाटाइम के साथ एक इनपुट एचटीएमएल तत्व का प्रतिनिधित्व करता है। साथ ही, सफ़ारी को छोड़कर प्रमुख ब्राउज़र डेटाटाइम को केवल टेक्स्ट के रूप में टाइप करते हैं।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
एक <इनपुट> बनाना डेटाटाइम . प्रकार के साथ
var datetimeObject = document.createElement(“input”); datetimeObject.type = “datetime”;
विशेषताएं
यहां, “डेटाटाइमऑब्जेक्ट” निम्नलिखित विशेषताएं हो सकती हैं -
| विशेषताएं | विवरण |
|---|---|
| स्वतः पूर्ण | यह डेटाटाइम फ़ील्ड की स्वतः पूर्ण विशेषता के मान को परिभाषित करता है |
| ऑटोफोकस | यह परिभाषित करता है कि डेटाटाइम फ़ील्ड को प्रारंभिक पृष्ठ लोड पर केंद्रित किया जाना चाहिए या नहीं। |
| डिफ़ॉल्ट मान | यह डेटाटाइम फ़ील्ड का डिफ़ॉल्ट मान सेट/रिटर्न करता है |
| अक्षम | यह परिभाषित करता है कि डेटाटाइम फ़ील्ड अक्षम/सक्षम है या नहीं |
| फ़ॉर्म | यह डेटाटाइम फ़ील्ड की अधिकतम विशेषता का मान लौटाता/सेट करता है |
| मिनट | यह डेटाटाइम फ़ील्ड की न्यूनतम विशेषता का मान लौटाता/सेट करता है |
| नाम | यह डेटाटाइम फ़ील्ड के नाम विशेषता के मान को परिभाषित करता है |
| केवल पढ़ने के लिए | यह परिभाषित करता है कि डेटाटाइम फ़ील्ड केवल पढ़ा जाता है या नहीं |
| आवश्यक | यह परिभाषित करता है कि फॉर्म जमा करने के लिए डेटाटाइम फ़ील्ड भरना अनिवार्य है या नहीं |
| चरण | यह डेटाटाइम फ़ील्ड के चरण विशेषता के मान को परिभाषित करता है |
| टाइप करें | यह डेटाटाइम फ़ील्ड के प्रपत्र तत्व का प्रकार देता है |
| मान | यह डेटाटाइम फ़ील्ड के मान विशेषता के मान को परिभाषित करता है |
बूलियन मान
और, निम्नलिखित विधियाँ भी -
| booleanValue | विवरण |
|---|---|
| कदम नीचे | यह उस संख्या को परिभाषित करता है जिसे डेटाटाइम फ़ील्ड को कम करना चाहिए। |
| स्टेपअप | यह उस संख्या को परिभाषित करता है जिसे डेटाटाइम फ़ील्ड को बढ़ाना चाहिए। |
उदाहरण
आइए इनपुट डेटाटाइम मिनट . का एक उदाहरण देखें संपत्ति -
<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
var inputDatetime = document.getElementById("dateTime");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
function minDateDecrease() {
inputDatetime.min = '2010-12-31T23:59:59Z';
divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
‘न्यूनतम आयु बार घटाएं’ . क्लिक करने से पहले बटन -
'न्यूनतम आयु बार घटाएं' पर क्लिक करने के बाद बटन -
