Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML DOM Input Datetime ऑब्जेक्ट


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>

आउटपुट

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

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

HTML DOM Input Datetime ऑब्जेक्ट

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

HTML DOM Input Datetime ऑब्जेक्ट


  1. HTML DOM Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

  1. HTML DOM Input Password ऑब्जेक्ट HTML DOM Input Password ऑब्जेक्ट

    HTML DOM Input Password ऑब्जेक्ट टाइप password वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज़ पासवर्ड ऑब्जेक्ट के लिए निम्न प्रॉपर्टीज़ हैं: क्रमांक प्रॉपर्टी और विवर

  1. HTML DOM Time ऑब्जेक्ट HTML DOM Time ऑब्जेक्ट

    HTML DOM Time ऑब्जेक्ट HTML में <time> एलिमेंट को दर्शाता है। <time> एलिमेंट बनाना var timeObject = document.createElement(TIME) गुण गुणविवरण dateTime<time> एलिमेंट के dateTime एट्रिब्यूट के मान को सेट या लौटाता है उदाहरण <!DOCTYPE html> <html> <head> <t