HTML DOM Input DatetimeLocal stepUp() विधि

HTML DOM Input DatetimeLocal stepUp() विधि उन मिनटों की संख्या को परिभाषित करती है जिनसे डेटटाइमलोकल फ़ील्ड बढ़नी चाहिए।

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

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

stepUp विधि को एक संख्या के साथ कॉल करना, जो डिफ़ॉल्ट रूप से 1 के बराबर होती है

inputDatetimeLocalObject.stepUp(number)

उदाहरण

आइए Input DatetimeLocal stepUp विधि का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal stepUp()</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-stepUp()</legend> 
        <label for="datetimeLocalSelect">स्थानीय दिनांक समय: <input type="datetime-local" id="datetimeLocalSelect" value="2010-12-21T23:50"> </label> 
        <input type="button" onclick="changeStep(10)" value="10 से बढ़ाएं"> 
        <input type="button" onclick="changeStep(25)" value="25 से बढ़ाएं"> 
        <div id="divDisplay"></div> 
    </fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
    function changeStep(myStepUp) { 
        inputDatetimeLocal.stepUp(myStepUp); 
        divDisplay.textContent = 'वर्तमान चरण: '+myStepUp; 
    } 
</script> </body> </html>

आउटपुट

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

किसी भी बटन पर क्लिक करने से पहले:

HTML DOM Input DatetimeLocal stepUp() विधि

'10 से बढ़ाएं' बटन पर क्लिक करने पर:

HTML DOM Input DatetimeLocal stepUp() विधि

'25 से बढ़ाएं' बटन पर क्लिक करने पर:

HTML DOM Input DatetimeLocal stepUp() विधि