24小時輸入時間：mm格式跨瀏覽器

Question

我正在嘗試創建跨瀏覽器時間輸入。

<input type="time" value="22:14" tabindex="0"></input> 

問題是它決定是以am/pm格式還是以24h格式顯示時間。有些瀏覽器不支持它，而是顯示文本輸入。

有沒有用於此目的的圖書館？或者唯一的方法是編寫一個文本輸入的自定義腳本，使其看起來像一個時間輸入？

Answer 1

我找到了一個好的庫 - 基於jQuery的跨瀏覽器UI庫 - w2ui！此http://w2ui.com/web/docs/form/fields-date

<div> <input type="eu-time"> </div> 

和一個簡單的腳本：對，日期和時間控制

更多信息

$('input[type=eu-time]').w2field('time', { format: 'h24' }); 

Answer 2

如果你想要一個同質的跨瀏覽器體驗，我想你將不得不使用一些第三方庫。

例如，看看Bootstrap Timepicker。