AM PM时间选择器代码需要

Question

我不想使用12小时格式的AM PM时间选择器的HTML下拉...任何人都可以给我LInk这个。我想要基于Jquery / Javascript / CSS的AM PM选择器

Answer 1

这是一个比AM / PM更强大的时间选择器 - 它是一个jQuery插件。据推测，你可以削减js / css并让它让你选择上午或下午。

http://fgelinas.com/code/timepicker/

Answer 2

这是一个可以满足您的需求的解决方案，虽然tbthorpe是正确的，但是将我使用的两个跨度用于单选按钮可能会很好，并将它们设置为样式，以便它们与我的解决方案一样工作。

http://jsfiddle.net/csaltyj/PPQQ8/

你可以做的是，有一个带有类的单选按钮，并使用jQuery隐藏它们并用实际触发单选按钮点击的可点击跨度替换它们。可能是更好的可访问性解决方案。

Answer 3

我发现这试图找到一个像样的时间选择器，它支持US AM / PM风格并且不使用下拉。对我来说最好的工具是随时。 http://www.ama3.com/anytime/

示例代码（假设您已加载jQuery和AnyTime脚本）

$("#field2").AnyTime_picker( {
    format: "%h:%i %p",
    labelTitle: "Time",
    labelHour: "Hour",
    labelMinute: "Minute"
} );

支持html

<input type="text" id="field2" value="" readonly="">

示例小提琴：

http://jsfiddle.net/brianlmerritt/Lzn7fnnw/2/

它看起来像这样......