How to print custom date format in Twig?

Question

How can I print a custom date format in Twig? First of all my I am trying to edit the field.html.twig of the field called field_publication_date, in that file I find this variable {{ item.content }} which prints Jun, 12/06/2016 - 12:29.

This is what I have tried: {{ item.content.field_publication_date|format_date('M') }}

Answer 1

Try to use this -

{{ item.content.field_publication_date|date("M") }}

But, I think you will get your solution in

{{ item.content|date("M") }}

Where item.content contains the date string inside field--node--field-publication-date.html.twig.

Answer 2

First, create the custom date format my_custom_date_format in the configuration section of the drupal admin.

Second, use the format_date Twig filter, like here:

{{ node.created.value|format_date('my_custom_date_format') }}

It might be necessary to convert the date to a unix timestamp, first. That will look like this:

{{ node.my_date_field.value|date('U')|format_date('my_custom_date_format') }}

Answer 3

The \Drupal\datetime\Plugin\Field\FieldType\DateTimeItem has a value and a date property. The value is UTC and the date is computed. Use the date property to avoid having to deal with the timezone, and you can use a created format or a custom one:

{{ node.field_publication_date.date|format_date('custom', 'F j, Y') }}

Date format in Drupal:

{{ node.field_publication_date.date|format_date('my_custom_date_format') }}

Answer 4

None of the above answers worked when setting a datetime attribute on a time element. the closest was @Marcos Buarque's answer.

Instead of a formatted date, the rendered output would either print the unix timestamp or a wrongly-formatted date like "2020-09-03ADT00:00:00".

In order to get the proper format for a full date time, I couldn't use Y-m-d\TH:i:s or Y-m-dTH:i:s. I needed to split the format into two variables. This is probably some quirk with format_date and twig.

{% set htmlDate = node.getCreatedTime|format_date('custom', 'Y-m-d') %}
{% set htmlTime = node.getCreatedTime|format_date('custom', 'H:i:s') %}
<time datetime="{{ htmlDate }}T{{ htmlTime }}">{{ date }}</time>

Answer 5

I know this question refers specifically to formatting the value of a given date field, but I needed to format the date the node was created. In case you need that, this is what works for me (after trying several different options):

{{ node.getCreatedTime|format_date('medium') }}

This is where I got this solution from: https://www.drupal.org/forum/support/theme-development/2016-02-17/how-to-get-formatted-node-creation-date-in-d8#comment-10865464

Answer 6

This worked for me. The date value with twig's own date() format function:

{{ content.field_arrival_date.value | date("Y/m/d") }}

Answer 7

To convert from a DateTime string (e.g. 2022-03-03T01:53:06) in UTC to the current timezone, I had to use:

{{ (datetimeStr ~ '+00:00')|date('U')|format_date('medium') }}

Answer 8

You can modify your Authored on date format in your custom node twig

{{ item.content|date("F j, Y") }}

You will get the result like this January 30, 2023