JavaScript Mimics пользовательского интерфейса iPad (в частности, UIDatePicker и UIPicker) - PullRequest
5 голосов
/ 12 апреля 2011

Кто-нибудь знает способ имитировать UIDatePicker и еще более общие элементы управления iOS UIPicker в HTML и JavaScript?

UIDatePicker UIPicker

Кто-нибудь знает решение, подобноеэтот?Я видел JavaScript, имитирующий другие элементы управления iPhone / iPad, такие как UIPopoverController.Мне бы очень хотелось предложить такой способ ввода дат (по сравнению с такими решениями, как средство выбора даты в jQuery UI).Похоже, его будет легко использовать как на колесе прокрутки мыши, так и на iPad.Итак, любой совет?

Ответы [ 3 ]

2 голосов
/ 12 апреля 2011

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

По этой причине библиотеки, в которых реализована подобная функциональность, делают это специально для мобильных устройств и не обеспечивают совместимость со старыми браузерами, такими как IE6. Если вам нужна только поддержка хороших браузеров Webkit, и вы не возражаете против использования большого фреймворка для этой цели, Picker Sencha Touch работает хорошо ( см. Эту страницу для примера ). Sencha's не предлагает поддержку колесика мыши.

Я не знаю, реализовал ли кто-нибудь это за пределами большого фреймворка, но не мешало бы осмотреться.

--- РЕДАКТИРОВАТЬ ---

В качестве ответа было выбрано решение, указанное в предыдущем вопросе StackOverflow ( Выбор даты для веб-приложения iPhone ), но оно предназначено только для мобильных устройств & mdash; возможно только для iPhone. Вы можете посмотреть на код и написать тот, который будет работать на рабочем столе.

1 голос
/ 23 июля 2013

Я искал сегодня то же самое и нашел довольно неплохую реализацию:

http://marinovdh.wordpress.com/2011/09/14/use-the-iphone-uipickerview-control-as-a-selectbox-on-your-website-with-jquery/

Там есть zip-файл с рабочей демо-версией, с которой можно поиграть.Я не создавал это, но я собираюсь изменить это для проекта, над которым я работаю.

1 голос
/ 02 июля 2012

@ theazureshadow считает, что это плохая идея для работы с мышью.

Для тех, кто хочет сделать это в браузере с сенсорным экраном (смартфон или планшет, iOS или Android),и из моих исследований, это отличное решение: http://demo.mobiscroll.com/. (найдено в этот ответ )

Если вы ориентируетесь только на iOS (iPad и iPhone), этот код имеетлучше родной iOS чувствую: http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch

...