AM PM Time Picker Необходим код

Question

Я не хочу использовать раскрывающийся список HTML для средства выбора времени AM PM в 12-часовом формате ... может ли кто-нибудь дать мне ссылку на этот вопрос. Я хочу использовать AM PM Picker на основе Jquery / Javascript / CSS

Answer 1

Вот решение, которое делает то, что вы хотите, хотя tbthorpe прав, возможно, было бы неплохо сделать два интервала, которые я использую, в радиокнопки и стилизовать их так, чтобы они работали так же, как мое решение.*http://jsfiddle.net/csaltyj/PPQQ8/

То, что вы могли бы сделать, это иметь переключатели с классом на них и использовать jQuery, чтобы скрыть их и заменить их на кликабельные промежутки, которые фактически вызывают щелчки переключателей.Вероятно, лучшее решение для доступности.

Answer 2

Вот более надежный инструмент выбора времени, чем просто AM / PM - это плагин jQuery. Предположительно, вы могли бы сократить js / css и позволить ему просто выбрать am или pm.

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

Answer 3

Я обнаружил, что пытался найти приличное средство выбора времени, которое поддерживает стиль США 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/

И это выглядит так ...