HTML DOM Input DatetimeLocal stepUp() মেথড

পরিচয়

HTML DOM Input DatetimeLocal stepUp() মেথড ডেটাইমলোকাল ফিল্ড কত মিনিট বাড়াবে তা নির্ধারণ করে।

সিনট্যাক্স

stepUp মেথড কল করা একটি নম্বর দিয়ে, যা ডিফল্টভাবে ১ এর সমান:

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">Local Date Time : <input type="datetime-local" id="datetimeLocalSelect" value="2010-12-21T23:50"> </label> 
    <input type="button" onclick="changeStep(10)" value="Increase by 10"> 
    <input type="button" onclick="changeStep(25)" value="Increase by 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 = 'Current Step: '+myStepUp; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

কোনো বাটনে ক্লিক করার আগে:

HTML DOM Input DatetimeLocal stepUp() মেথড

'Increase by 10' বাটনে ক্লিক করলে:

HTML DOM Input DatetimeLocal stepUp() মেথড

'Increase by 25' বাটনে ক্লিক করলে:

HTML DOM Input DatetimeLocal stepUp() মেথড