html5 entrées temps montre 12 heures

Par HTML5 brouillons, input type= crée un contrôle du temps de la journée d'entrée, qui devrait être mis en œuvre à l'aide de “préférés de l'utilisateur présentation”. Mais cela signifie, à l'aide d'un widget où le temps de la présentation suit les règles de la navigateur locale de l'. Donc, indépendamment de la langue de l'environnant du contenu, la présentation varie selon la langue du navigateur, la langue du sous-jacent système d'exploitation, ou à l'échelle du système les paramètres régionaux (selon le navigateur). Par exemple, à l'aide d'un finlandais de langue de la version de google Chrome, je vois le widget que l'utilisation de la norme de 24 heures. Votre kilométrage peut varier.

Ainsi, input type=time sont basés sur une idée de la localisation, qui prend tout de la main de l'auteur de la page. Cela est intentionnel; le problème a été soulevé en HTML5 discussions à plusieurs reprises, avec le même résultat: pas de changement. (Sauf peut-être ajouté des précisions au texte, faisant de ce comportement décrit comme prévu.)

Noter que pattern et placeholder attributs ne sont pas autorisés dans input type=time. Et placeholder="hrs:mins", si elle était mise en œuvre, pourrait être potentiellement trompeuse. C'est tout à fait possible que l'utilisateur doit saisir 12h30 (avec une période) et non 12:30, lorsque les paramètres régionaux du navigateur utilise le “.” comme séparateur dans les temps.

Ma conclusion est que vous devez utiliser input type=text, avec pattern attribut et avec un peu de JavaScript qui vérifie l'entrée exactitude sur les navigateurs qui ne prennent pas en charge la pattern attribut nativement.

OriginalL'auteur Jukka K. Korpela

Cela dépend du format de l'heure de l'utilisateur du système d'exploitation lorsque le navigateur web a été lancé.

Donc:

• Si votre ordinateur des préférences système sont configurés pour utiliser une horloge de 24 heures, le navigateur va rendre les <input type="time"> de l'élément de --:-- (intervalle de temps: 00:00-23:59).
• Si vous changez d'ordinateur syst préf. à l'utilisation de 12 heures, la sortie ne change pas jusqu'à ce que vous quittez et relancez le navigateur. Puis il va changer de --:-- -- (intervalle de temps: 12:00 AM – 11:59 PM).

Et (à ce jour), prise en charge du navigateur est seulement d'environ 75% (caniuse). Yay: Edge, Chrome, Opera, Android. Boo: IE, Firefox, Safari).

OriginalL'auteur jtheletter

HTML fournir seulement input type="time" Si vous êtes en utilisant bootstrap, alors vous pouvez utiliser timepicker.
Vous pouvez obtenir le code à partir de cette URL http://jdewit.github.io/bootstrap-timepicker Peut-être que ce sera vous aider à

OriginalL'auteur santosh devnath

vous pouvez essayer ce pour
html côté

<label for="appointment-time">Choose Time</label>
<input class="form-control" type="time" ng-model="time" ng-change="ChangeTime()" />
<label class="form-control" >{{displayTime}}</label>

JavaScript Côté

function addMinutes(time/*"hh:mm"*/, minsToAdd/*"N"*/) 
{
        function z(n)
        {
           return (n<10? '0':'') + n;
        }
        var bits = time.split(':');
        var mins = bits[0]*60 + (+bits[1]) + (+minsToAdd);
        return z(mins%(24*60)/60 | 0) + ':' + z(mins%60); 
 }  

 $scope.ChangeTime=function()
 {
      var d = new Date($scope.time);
      var hours=d.getHours();
      var minutes=Math.round(d.getMinutes());
      var ampm = hours >= 12 ? 'PM' : 'AM';
      var Time=hours+':'+minutes;
      var DisplayTime=addMinutes(Time, duration);
      $scope.displayTime=Time+' - '+DisplayTime +' '+ampm;
 }

OriginalL'auteur Alex Kumbhani