Project

General

Profile

Actions

Patch #19468

closed

Replace jQuery UI Datepicker with native browser date fields when available

Added by Jan from Planio www.plan.io over 9 years ago. Updated almost 8 years ago.

Status:
Closed
Priority:
Normal
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

Description

Some browsers have started to implement the input type "date" and are rendering nice native date pickers.

Here's a patch that uses Rails' date_field instead of text_field. To still support browsers which are not implementing date fields, the jQuery UI Datepickers are still rendered when date fields are not available.

This is especially useful on mobile devices where the jQuery UI Datepickers do not seem to work well, at least not in combination with #19097 it seems.

Here's a nice list of browsers that support this feature: http://caniuse.com/#feat=input-datetime and here's a screenshot of what it looks like on Chrome for OS X:


Files

native_datepicker.png (59.6 KB) native_datepicker.png Jan from Planio www.plan.io, 2015-03-24 17:31
0001-Use-HTML5-date-input-fields-instead-of-text-fields-w.patch (10.2 KB) 0001-Use-HTML5-date-input-fields-instead-of-text-fields-w.patch Jan from Planio www.plan.io, 2015-03-25 16:28
19468-for-r15361.diff (9.17 KB) 19468-for-r15361.diff Go MAEDA, 2016-05-01 03:08

Related issues

Related to Redmine - Feature #19097: Responsive layout for mobile devicesClosedJean-Philippe Lang

Actions
Related to Redmine - Feature #23892: Switch date pickers embedded in browsers or bundled in redmineNew

Actions
Related to Redmine - Defect #31077: "Icon for Datepicker" does not appear after status was changed.Closed

Actions
Related to Redmine - Defect #31259: Redmine Datepicker does not show in Firefox Closed

Actions
Has duplicate Redmine - Feature #13509: Better mobile support: input with dateClosed

Actions
Actions

Also available in: Atom PDF