发表新帖
发表新帖

HTML input time in 24 format

前端 未结
关注
5 1023
悲&欢浪女
悲&欢浪女 2020-11-28 09:53

I am using below HTML tag:

In Chrome, Its showing PM/AM format, can we restrict to display 24 format always.

相关标签:
5条回答
  • 迷失自我
    2020-11-28 10:10

    You can't do it with the HTML5 input type. There are many libs available to do it, you can use momentjs or some other jQuery UI components for the best outcome.

    0 讨论(0)
  • 臣服心动
    2020-11-28 10:13

    As stated in this answer not all browsers support the standard way. It is not a good idea to use for robust user experience. And if you use it, you cannot ask too much.

    Instead use time-picker libraries. For example: TimePicker.js is a zero dependency and lightweight library. Use it like:

    var timepicker = new TimePicker('time', {
  lang: 'en',
  theme: 'dark'
});
timepicker.on('change', function(evt) {
  
  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;

});
    <script src="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>

<div>
  <input type="text" id="time" placeholder="Time">
</div>

    0 讨论(0)
  • 囚心锁ツ
    2020-11-28 10:18

    Tested!

    In Windows -> control panel -> Region -> Additional Settings -> Time -> Short Time:

    Format your time as HH:mm

    in the format

    hh = 12 hours

    HH = 24 hours

    mm = minutes

    tt = AM or PM

    so to get the required result the format should be HH:mm and not hh:mm tt

    0 讨论(0)
  • 刺人心
    2020-11-28 10:19 

    <!DOCTYPE html>
<html>
    <body>
        Time: <input type="time" id="myTime" value="16:32:55">

	<p>Click the button to get the time of the time field.</p>

	<button onclick="myFunction()">Try it</button>

	<p id="demo"></p>

	<script>
	    function myFunction() {
	        var x = document.getElementById("myTime").value;
	        document.getElementById("demo").innerHTML = x;
	    }
	</script>
    </body>
</html>

    I found that by setting value field (not just what is given below) time input will be internally converted into the 24hr format.

    0 讨论(0)
  • 日久生厌
    2020-11-28 10:26

    In my case, it is taking time in AM and PM but sending data in 00-24 hours format to the server on form submit. and when use that DB data in its value then it will automatically select the appropriate AM or PM to edit form value.

    0 讨论(0)
 看不清?
提交回复
热议问题