Тип ввода = 'дата' проблемы на мобильных устройствах

#javascript #html #angularjs #date

#javascript #HTML #angularjs #Дата

При использовании

 <input type='month' ng-readonly='vm.isReadonly' required min="{{vm.threeMonthsAgo}}" max='{{vm.oneMonthAhead}}'/>

Кажется, я сталкиваюсь с некоторыми проблемами на мобильных устройствах, которые не отображаются на рабочем столе.

Например, ng-readonly не работает, даже если выражение принимает значение true, а атрибуты min и max, по-видимому, игнорируются

Я бы использовал

 <input type='date'>

но я только хочу, чтобы пользователь мог выбирать месяц и год. Я также использую webshim polyfill.

На рабочем столе все работает как положено, но при использовании любого мобильного браузера эти проблемы, похоже, возникают.

Если бы у кого-нибудь был какой-либо совет, это было бы здорово.

Средство выбора даты также не работает в fire fox.

Хорошей альтернативой этому является jQuery-ui datpicker. Другой хороший инструмент выбора даты — от materialize.

Ссылки на jquery-ui:

И в materialize (специальный css для мобильных устройств):

Эта ссылка приведет вас на страницу, и вам просто нужно прокрутить вниз