HTML DOM Input DatetimeLocal stepDown() মেথড

পরিচয়

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

সিনট্যাক্স

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

inputDatetimeLocalObject.stepDown(number)

উদাহরণ

নিচে Input DatetimeLocal stepDown মেথডের একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <title>Input DatetimeLocal stepDown()</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-stepDown()</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="Decrease by 10"> 
    <input type="button" onclick="changeStep(25)" value="Decrease by 25"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDatetimeLocal = document.getElementById("datetimeLocalSelect"); 
  function changeStep(myStepDown) { 
    inputDatetimeLocal.stepDown(myStepDown); 
    divDisplay.textContent = 'Current Step: '+myStepDown; 
  } 
</script> </body> </html>

আউটপুট

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

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

HTML DOM Input DatetimeLocal stepDown() মেথড

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

HTML DOM Input DatetimeLocal stepDown() মেথড

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

HTML DOM Input DatetimeLocal stepDown() মেথড