Html 5 datepicker в Firefox

Есть ли способ, который я могу установить, включить datepicker в firefox (версия 21) с HTML 5. Я не хочу использовать jQuery, основанный на датепике, потому что javascript будет отключен в браузерах, где будет использоваться веб-сайт. Функция datepicker отлично работает с Chrome.

Итак, если html 5 datepicker не поддерживается, как я могу добавить datepicker без jquery?

Ответы

Ответ 1

jQuery UI имеет виджет datepicker, который вы можете условно загрузить, если в браузере нет встроенного. Ловушка заключается в том, что даже если вы выбираете только виджета datepicker в пользовательском jQuery UI build, он по-прежнему значительная загрузка.

Мое любимое решение - использовать yepnope, который поставляется с Modernizr, чтобы условно загрузить jQuery UI CSS и JS файлы только при необходимости для datepicker. Объединив это с оптимизированной сборкой Modernizr и только для jQuery-интерфейса с дампикером build, он дает вам самую маленькую загрузку для всех возможных браузеров.

yepnope({ /* included with Modernizr */
  test : Modernizr.inputtypes.date,
  nope : {
    'css': '/path-to-your-css/jquery-ui-1.10.3.custom.min.css',
    'js': '/path-to-your-js/jquery-ui-1.10.3.datepicker.min.js'
  },
  callback: { // executed once files are loaded
    'js': function() { $('input[type=date]').datepicker({dateFormat: "yy-mm-dd"}); } // default HTML5 format
  }
});

Ответ 2

Firefox 57 (14 ноября 2017) поддерживает его:

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

Ответ 3

Старый вопрос, но я нашел это здесь (firefox 54), по крайней мере, что дает надежду:

Перейдите к: config и выполните поиск dom.forms.datetime

Установите обе записи в true, et voilà! Теперь все, что им нужно сделать, это включить их по умолчанию!

Ответ 4

Firefox (версия 21) не поддерживает input type=date.

Здесь у вас есть сайт, который сообщает вам, что он поддерживает, и что он не делает Firefox21

Ответ 5

В Firefox 57 наконец-то есть датпикер с кликабельным календарем (< input type = "date" > ).

Timepicker - это просто текстовое поле, которое ограничивает ввод допустимых времен. К сожалению, он поддерживает только 12-часовой формат времени (< input type = "time" > ).

datetime-local по-прежнему не поддерживается (< input type = "datetime-local" > ).