How to Set a Date in Any Format - A How-to Guide
Drive 20-40% of your revenue with Avada
Formatting dates can be challenging, especially when you need a specific format for your data. Whether you’re working on a project or managing data, figuring out how to set a date in any format can save time and avoid errors. In this post, we’ll walk you through the steps to format dates exactly how you need them.
Related Posts:
- How to save posts by date, tags, and categories in Shopify
- How to update the collection-template.liquid file in Shopify
- How to update item quantity fields in the cart in Shopify
How to set a date in any format
- Step 1: Set a date in ISO 8601 format
- Step 2: Set up the date formatting
- Step 3: Sep up ordinal dates
Step 1: Set a date in ISO 8601 format
You can start setting a date in ISO 8601 format. Them you can get dates through a filter to receive the desired format.
---
layout: default
title: Date Formatting
date: 2021-03-23T10:20:00Z
---
Step 2: Set up the date formatting {#set-up-date-formatting)
- With date_to_long_string, you can input like the following structure:
{{ page.date | date_to_long_string }}
The output will be like:
23 March 2021
- With date_to_rfc822, you can input like the following structure:
{{ page.date | date_to_rfc822 }}
The output will be like:
Wed, 23 Mar 2021 23:20:00 +1300
- With date_to_string, you can input like the following structure:
{{ page.date | date_to_string }}
The output will be like:
23 Mar 2021
- With date_to_xmlschema, you can input like the following structure:
{{ page.date | date_to_xmlschema }}
The output will be like:
2021-03-23T23:20:00+13:00
Date
will give you a complete format and you can have the rights to control it. Take note that you can specify the template of format you want. For instance:
- With
Date
, you can input like the following format:
{{ page.date | date: "%m/%d/%Y" }}
The outtput will be like:
03/23/2021
- Or, you can input like this:
{{ page.date | date: "%-d %B %Y"}}
The output will be like:
23 March 2021
Here are a table of many placeholders we can use for date formatting:
Placeholder | Format | Example |
---|---|---|
%a | Abbreviated weekday | Sun |
%A | Full weekday name | Sunday |
%b | Abbreviated month name | Jan |
%B | Full month name | January |
%c | Preferred local date and time representation | Fri Jan 29 11:16:09 2021 |
%d | Day of the month, zero-padded | 05 |
%-d | Day of the month | 5 |
%D | Formats the date | 29/01/16 |
%e | Day of the month | 3 |
%F | Returns the date in ISO 8601 format | 2021-01-29 |
%H | Hour of the day, 24-hour clock | 07 |
%I | Hour of the day, 12-hour clock | 04 |
%j | Day of the year | 017 |
%k | Hour of the day, 24-hour clock | 7 |
%m | Month of the year | 04 |
%M | Minute of the hour | 09 |
%p | Meridian indicator uppercase | AM |
%P | Meridian indicator lowercase | pm |
%r | 12-hour time | 01:31:43 PM |
%R | 24-hour time | 18:09 |
%T | 24-hour time with seconds | 18:09:13 |
%s | Number of seconds since 1970-01-01 00:00:00 UTC | 1452355261 |
%S | Second of the minute | 05 |
%U | Week number of the current year, starting with the first Sunday as the first day of the first week | 03 |
%W | Week number of the current year, starting with the first Monday as the first day of the first week | 09 |
%w | Day of the week. Sunday is 0 | 4 |
%x | Preferred representation for the date | 05/11/15 |
%X | Preferred representation for the time | 17:15:31 |
%y | Year without a century | 16 |
%Y | Year with a century | 2021 |
%Z | Time zone name | PST |
%% | Literal % character | % |
Step 3: Sep up ordinal dates
One thing that you should bear in mind you might not get the ordinal date. For instance, merchants cannot output something like May 23rd
since there is no placeholder setting up for rd
. And there is a solution for it that you can use Liquid in order to calculate as well as output the ordinal date.
You can input the following structure like that:
{% assign day = page.date | date: "%-d" %}
{% case day %}
{% when '1' or '21' or '31' %}{{ day }}st
{% when '2' or '22' %}{{ day }}nd
{% when '3' or '23' %}{{ day }}rd
{% else %}{{ day }}th
{% endcase %}
{{ page.date | date: "of %B, %Y" }}
The output will be like:
23rd of March, 2021
Conclusion
Now that you know how to set a date in any format, you can easily manage your data or customize formats to your needs. Take these steps into action, and simplify the way you handle date formatting. Don’t let formatting challenges slow you down—apply these tips today and keep your workflow smooth and efficient!