jquery - 使用jquery输入时间掩码

Question

我正在使用meioMask – 一个 jQuery 掩码插件，用于将时间掩码放入文本框中。这是JsFiddle 。运作良好。但我还需要在文本框中输入 hh:mm ，让用户知道在文本框中输入什么。

如何做到这一点。

编辑:我还需要将 am/pm 放入掩码中。我需要 12 小时时间格式。

Answer 1

如果您想要简单明了，这里有一个快速但完整的演示(请参阅:http://jsfiddle.net/bEJB2/)，其中包括一个占位符和一个一起工作的掩码。它使用 jQuery 插件 jquery.maskedinput 。 JavaScript 是如此干净清晰

<div class="time-container">
     <h1> Demo of Mask for 12 Hour AM/PM Input Field w/ Place Holder </h1>

    <input class="timepicker" type="text" size="10" placeholder="hh:mm PM" />
</div>
<script>
    $.mask.definitions['H'] = "[0-1]";
    $.mask.definitions['h'] = "[0-9]";
    $.mask.definitions['M'] = "[0-5]";
    $.mask.definitions['m'] = "[0-9]";
    $.mask.definitions['P'] = "[AaPp]";
    $.mask.definitions['p'] = "[Mm]";

    $(".timepicker").mask("Hh:Mm Pp");
</script>

我会回应@YiJiang所说的PolyFills and Modernizr也适用于非 HTML5 浏览器中的占位符处理。