La Force de zéro dans le nombre d'entrée

Je suis en train d'écrire une alarme web app. J'ai le nombre deux entrées, une pour les heures, une pour les minutes. Ainsi, lorsque j'utilise mon clavier flèches, ils vont de 0 à 23/59. Est-il un HTML natif moyen de les faire aller de 00 (01,02, et.) pour 23/59 à la place ?

Je suis seulement inquiet à propos de l'INTERFACE utilisateur aspects comme mon JS gère le manquant 0 de toute façon.

MODIFIER, Comme l'a demandé :

Ce que j'ai :

La Force de zéro dans le nombre d'entrée

Ce que je veux :

La Force de zéro dans le nombre d'entrée

Au lieu d'aller de 0,1,2 à 59 ans, j'aimerais automatiquement un 0 lorsque le nombre est inférieur à 10 (00,01,02 à 59).

  • Il n'est pas clair à partir de votre question que vous vous posez. Peut-être que vous pourriez mettre ensemble un JSFiddle ou partager un lien afin que nous puissions voir ce que vous travaillez avec?
  • Veuillez préciser votre problème spécifique ou ajouter des détails supplémentaires à mettre en évidence exactement ce dont vous avez besoin. Tel qu'il est actuellement rédigé, il est difficile de dire exactement ce que vous demandez.
  • Vous ne voulez pas manipuler l'entrée avec JavaScript, des "indigènes" de l'HTML?
  • Il n'y a pas natif façon de le faire, vous avez besoin de tester si le nombre est inférieur à 10 et ajouter la chaîne " 0 " avant le chiffre s'il est vrai.
InformationsquelleAutor Simon | 2013-12-19
  1. 5

    Je crains bien que l'on n'est pas natif HTML façon de le faire à moins d'utiliser une balise Select. Si vous utilisez une entrée de texte vous pouvez ajouter un 0 sur les 10 premières valeurs par javascript.

    InformationsquelleAutor Guillaume RAYMOND
  2. 7

    Je l'utilise pour juste ajouter des zéros si nécessaire:

    <script>
  function leadingZeros(input) {
    if(!isNaN(input.value) && input.value.length === 1) {
      input.value = '0' + input.value;
    }
  }
</script>

    Et je viens de l'appeler que sur l'entrée de divers événements jamais comment fonctionne le mieux pour moi, par exemple:

    <input type="number"
       value="00"
       onchange="leadingZeros(this)"
       onkeyup="leadingZeros(this)"
       onclick="leadingZeros(this)" />

    Ce n'est pas une solution idéale, principalement parce qu'il y a un léger changement de visuel que l'utilisateur modifie le nombre et le zéro est ajouté, mais cela fonctionne pour moi 🙂

    Edit: j'ai Oublié de mentionner, j'apprécie la réponse a demandé une solution native sans javascript, mais je voulais apporter quelque chose pour les gens d'atterrissage ici par une recherche Google.

    • Votre réponse est très appréciée! Merci pour le poster!
    InformationsquelleAutor apbarratt