2013-07-29 3 views
2

Выбор даты HTML5 отображается только на мобильном устройстве, он ничего не делает на рабочем столе. Я использую ниже HTML:HTML5 выбор даты не работает на рабочем столе, только мобильный

<input type="date" name="req_dobirth" tabindex="13" id="req_dobirth" value="<%=request("req_dobirth")%>" /> 

То же самое поле на подвижной форме является:

<input type="date" name="req_dobirth" tabindex="17" style="width: 92%;" id="req_dobirth" value="<%=request("req_dobirth")%>" /> 

(лишь разницей, ширину)

Любые идеи?

+0

Какие браузеры вы тестирование с? Не все из них поддерживают тип ввода даты. – Spudley

+0

http://caniuse.com/input-datetime – Spudley

+0

Извините, должен был предоставить эту информацию. Работает только в Chrome, а не в Firefox, IE или Safari (на Mac) –

ответ

0

Поскольку у него есть поддержка IOS/Safari и Chrome/Opera на рабочем столе.

http://caniuse.com/#feat=input-datetime

+0

Да, был jQuery UI datepicker, но diue для моих многочисленных сценариев jquery, он противоречит, так что ищет более простой вариант. –

0

Большинство настольных браузеров до сих пор не поддерживает тип date ввода.

Вы можете найти полную таблицу совместимости браузера здесь: http://caniuse.com/input-datetime

Я предлагаю использовать polyfill какого-то (возможно управление Datepicker JQuery, например, или увидеть modernizr polyfill list для большего количества вариантов) как откат для браузеры, которые его не поддерживают.

Смотрите этот вопрос больше о том, как обнаружить поддержку браузера: How can I tell if a browser supports <input type='date'>

+0

Спасибо за ответ полипол, я просмотрю это, как выглядит только билет. –

+0

как ни странно, ни один из полипилей datepicker я не могу найти работу в Safari, даже когда они утверждают, что они делают! – Michael

Смежные вопросы