【问题标题】:input time in 24h:mm format cross-browser以 24h:mm 格式输入时间跨浏览器
【发布时间】:2015-06-07 10:41:11
【问题描述】:

我正在尝试创建跨浏览器时间输入。

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

问题在于它自己决定是以上午/下午格式还是以 24 小时格式显示时间。有些浏览器不支持它,而是显示文本输入。

是否有为此目的的图书馆?或者唯一的方法是为文本输入编写一个自定义脚本,使其看起来像一个时间输入?

【问题讨论】:

    标签: javascript html css input time


    【解决方案1】:

    我找到了一个不错的库 - 基于 jQuery 的跨浏览器 UI 库 - w2ui!

    有关其 DATE 和 TIME 控件的更多信息:http://w2ui.com/web/docs/form/fields-date

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

    还有一个简单的脚本:

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

    【讨论】:

      【解决方案2】:

      如果你想要一个同质的跨浏览器体验,我认为你必须使用一些第三方库。

      Bootstrap Timepicker 为例。

      【讨论】:

      • 谢谢!但是,我使用 jQuery,我不确定将另一个库链接到页面(即引导程序)是否是个好主意。不过,Bootstrap Timepicker 是一个不错的选择...
      猜你喜欢
      • 2016-06-18
      • 1970-01-01
      • 1970-01-01
      • 2016-01-13
      • 1970-01-01
      • 2016-08-03
      • 2012-12-11
      • 2021-05-22
      相关资源
      最近更新 更多