Средство выбора даты для веб-приложения iPhone
Как лучше всего показать средство выбора даты для веб-приложения на базе iPhone. Можем ли мы показать что-то вроде встроенного средства выбора даты iPhone, как показано ниже, в веб-приложении:
См. Также stackoverflow.com/questions/4946919/…
Ответы 9
Вы не можете. Выбор даты является встроенным элементом управления и недоступен в Mobile Safari.
+1 как технически правильно. Вы не можете активировать собственное средство выбора даты из браузера (что является полным контролем со стороны Apple, IMHO). Выбранный ответ правильный, так как вы можете написать JavaScript для его эмуляции.
ты можешь. Используя мост javascript UIWebView
type = "datetime-local" работает на iOS7 (по какой-то причине они удалили "datetime")
datetime-local не поддерживает год по какой-то извращенной причине! только на iOS. Если это 31 декабря, и я что-то планирую на следующую неделю? удачи мне :(
Что ж, вы могли бы написать свой собственный, если бы это было действительно важно для вас.
При достаточной работе вы, вероятно, сможете заставить его выглядеть / чувствовать себя очень похоже на собственный элемент управления Apple.
На интуитивном уровне кажется, что за ограниченную отдачу потребуется много работы.
В браузере работает средство выбора даты в собственном стиле iPhone - http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11.
В iOS5 вы можете использовать <input type = "date" /> (см. Ответ Кайла Гиббенса), который вызовет родное средство выбора даты в Mobile Safari или в веб-просмотре.
Я знаю, что это старый пост, но для будущих зрителей: Если вы используете jQuery, вы можете попробовать Мобискролл, настраиваемый datepicker, оптимизированный для сенсорных устройств. Он также поставляется со скинами для iOS и Android.
@Tom, он не требует jQuery Mobile, требует jQuery, Zepto.js или App Framework
Совершенно верно, сейчас пользуюсь! Я удалю свой комментарий.
К вашему сведению, это не бесплатно.
@azerafati На момент ответа было. Вот ссылка на последнюю бесплатную версию github.com/acidb/mobiscroll/tree/v2.17.3
Самый простой способ (и, возможно, лучший) - использовать встроенный в Safari datepicker для вашего поля ввода, используя HTML5 type = "date"
<input type = "date" />
Это просто сэкономило мне ТАКОЕ много времени и усилий, что было здорово просто наклеить это на свой сайт и наблюдать, как на моем iPhone появляется изящное маленькое средство выбора даты.
А как насчет того, чтобы его сбросить, если type = "date" не работает? например адаптивный дизайн сайта?
Хотел бы я увидеть это до того, как написал плагин. Такая трата нескольких дней или работы.
Если вы ищете решение для datetime, вам лучше создать отдельные входы date и time.
Не забывайте про тип month, если ищете селектор месяца.
В ASP.Net вы можете использовать TextBox с type = "date".
<asp:TextBox type = "date" runat = "server" />
В браузере, совместимом с Html5, у вас будет поле даты. В браузере, несовместимом с Html5, у вас будет простое текстовое поле.
Хотя необходимость регистрации может вызывать неприязнь, Мобискролл выглядит заслуживающим внимания, если вы хотите обеспечить постоянный откат для старых устройств ios (до 5.x) и android (до 4.x) - и, возможно, некоторых других платформ, как это обещает. для поддержки jQMobi (теперь Intel appframework) и Zepto.
Средство выбора даты в стиле iPhone для HTML5 находится по адресу Следующая точка. Возможно, вы сможете изменить его в соответствии со своими потребностями.
<input type = "date" />
приведенный выше код НЕ БУДЕТ работать в Mozilla.
Firefox не поддерживает дату типа ввода.
Пожалуйста, измените ответ на более подходящий. Нам не нужен внешний пакет, который использует cubiq, хотя есть более простой способ.