इनपुट संख्या फ़ील्ड पर अग्रणी शून्य प्रदर्शित करें

Question

मेरे पास दो input फ़ील्ड घंटे और मिनट का प्रतिनिधित्व करते हैं।

<input type="number" min="0" max="24" step="1" value="00" class="hours"> 
 
<input type="number" min="0" max="0.60" step="0.01" value="00" class="minutes">

कौन सा प्रदर्शन के रूप में:

0:0 

या:

5:3 

वहाँ यह प्रदर्शित करने के लिए एक रास्ता है के रूप में:

00:00 

या: 24 घंटे डेटा स्वरूप में

05:03 

यानी (इससे पहले कि लोगों को यह सुझाव है, मैं उपयोग नहीं कर सकते type = "समय")।

Answer 1

आप अपने इनपुट टैग में विशेषता को जोड़ सकते हैं, जो जावास्क्रिप्ट फ़ंक्शन को कॉल करता है।

<script> 
     function MyFunction() { 
      var minuteValue = document.getElementById("minutes").value; 
      if (minuteValue.toString().length < 2) { 
       minuteValue = "0" + minuteValue; 
      } 
      alert(minuteValue); 
     } 
    </script> 

    <input id="minutes" onchange="MyFunction()"/> 

Answer 2

function formatNums(num){ 
    if (nums < 10){ 
    return "0" + num; 
    } 
} 

var formattedHours = formatNums(hours); 
var formattedMinutes = formatNums(minutes); 

---

नोट: इस विधि का उपयोग करता है type="text" जिससे आवश्यकता पड़ने पर एक नंबर करने के लिए वापस परिवर्तित करने के लिए सुनिश्चित करें। Number(formattedHours);