{"id":6194,"date":"2024-04-14T14:22:44","date_gmt":"2024-04-14T06:22:44","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=6194"},"modified":"2024-04-14T14:22:44","modified_gmt":"2024-04-14T06:22:44","slug":"time-date-selection-field","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/time-date-selection-field\/","title":{"rendered":"Time\/Date Selection Field"},"content":{"rendered":"\n
\n

The time\/date selection field is a Collection<\/a> field that enables you and your Co-workers to define a specific time and date for a Collection Item. The specified time and date values can be showcased in Collection lists<\/a> or on Collection pages<\/a>. This field can also be used for arranging and organizing a Collection list or for establishing conditional visibility on elements in Collection lists and pages.<\/p>\n

Webflow automatically monitors creation dates, publication dates, and modification dates, eliminating the need to create separate fields for these.<\/h6>\n

Usual Applications<\/strong><\/p>\n

    \n
  • A future date or time (such as an upcoming event or release date)<\/li>\n
  • A past date or time (like a birthday or historical event)<\/li>\n
  • Manually defining custom publication dates<\/li>\n<\/ul>\n

    This guide covers:<\/p>\n

      \n
    • Establishing a time\/date selection field<\/li>\n
    • Defining dates and times<\/li>\n
    • Showcasing dynamic dates and times<\/li>\n
    • Filtering a Collection list with the time\/date field<\/li>\n
    • Ordering a Collection list with the time\/date field<\/li>\n
    • Implementing conditional visibility using the time\/date field<\/li>\n<\/ul>\n

      Establishing a time\/date selection field<\/h2>\n

      You can integrate a time\/date selection field into a new or existing Collection. Within Collection settings, click on New Field<\/strong> and then select the Time\/Date<\/strong> field.<\/p>\n

      \n
      <\/div>\n<\/figure>\n

      You have the option to include a time selector. Additionally, as with any field, you can specify whether the field is mandatory or not.<\/p>\n

      \n