Field Type – Static Label + Date

WordPress Plugin Staff List – Field Type – Static Label + Date

Field type Date creates input element <input type="date">.
Introduced in HTML5, it enables adding date pickers using native HTML without relying on any JavaScript or jQuery library.
Staff member – field type Date.
Here’s a test of input type=date.
The input UI generally varies from browser to browser. In unsupported browsers, the control degrades gracefully to input type=”text”.
The user can enter a date, either using a text box that automatically validates the content, or using a date picker interface. The resulting value is formatted and saved according to ISO8601. It includes the year, month, and day (YYYY-MM-DD).
Browser support.
The input type date works in Chrome, Firefox, and Edge on desktop. It does not work in Safari for desktop. Just about all mobile browsers, including Safari, Chrome, and Firefox, support the date-related types, and all of them offer a nice native date picker widget.
Browser support tables for modern web technologies – input-date.
Input type date.
  1. Offers the user a convenient interface for entering dates.
  2. The displayed date is formatted based on the locale of the user’s browser.
  3. Calendar widget language is controlled by the browser’s locale, and can be set by the user.
  4. Sends predictable output to the server – YYYY-MM-DD.
Safari for desktop.
Sadly, support for date input seems to be completely absent in Safari for its desktop version (although it does for iOS). The date input fields are presented as if they were text boxes.
Dates have to be entered manually in the format: YYYY-MM-D like: 2019-05-29
ISO 8601 date format.
When dates are represented with numbers they can be interpreted in different ways. For example, 01/05/12 could mean January 5, 2012, or May 1, 2012. On an individual level this uncertainty can be very frustrating, in a business context it can be very expensive.
ISO 8601 tackles this uncertainty by setting out an internationally agreed way to represent dates: YYYY-MM-DD
For example, September 24, 2019 is represented as 2019-09-24.
Staff List saves field type date as: YYYY-MM-DD.
Staff Template – Date Display Format.
Date saved as YYYY-MM-DD can be used for date calculation but may be not suitable for displaying on staff member pages. For that purpose there is built-in option to choose the date display format.
WordPress plugin, Staff List, field type date, data display formats
Staff Template – Static Label
Static label is optional.