Template filters (date, length, default) in Django - Step-by-Step Execution

Concept Flow - Template filters (date, length, default)

Start with variable

↓

Apply filter: date

↓

Apply filter: length

↓

Apply filter: default

↓

Render final output

The template engine takes a variable, applies filters one by one (date, length, default), and then shows the final result.

Execution Sample

Django

{% with my_date|date:"Y-m-d" as formatted_date %}
  {{ formatted_date|default:"No date" }}
{% endwith %}

{{ my_list|length }}

{{ my_var|default:"Default value" }}

This code formats a date, shows its length, and provides default values if variables are empty or missing.

Execution Table

Step	Variable/Input	Filter Applied	Filter Result	Output Rendered
1	my_date = 2024-06-15 14:30:00	date:"Y-m-d"	2024-06-15	No output yet
2	formatted_date = 2024-06-15	default:"No date"	2024-06-15	2024-06-15
3	my_list = [1, 2, 3, 4]	length	4	4
4	my_var = None	default:"Default value"	Default value	Default value
5	my_var = "Hello"	default:"Default value"	Hello	Hello

💡 All filters applied and outputs rendered for each variable.

Variable Tracker

Variable	Start	After date filter	After length filter	After default filter	Final Output
my_date	2024-06-15 14:30:00	2024-06-15		2024-06-15	2024-06-15
my_list	[1, 2, 3, 4]		4		4
my_var (None)	None			Default value	Default value
my_var ("Hello")	"Hello"			Hello	Hello

Key Moments - 3 Insights

Why does the default filter show "Default value" when my_var is None?

Because in the execution_table step 4, my_var is None which is treated as empty, so default filter replaces it with "Default value".

What happens if the date filter is applied to a non-date variable?

The date filter expects a date object; if given a non-date, it will output an empty string or the default if provided.

How does the length filter work on a list?

As seen in step 3, length filter counts the number of items in the list and outputs that number.

Visual Quiz - 3 Questions

Look at the execution table, what is the output after applying the default filter to my_var when it is None?

A Empty string

B Default value

C None

D my_var

💡 Hint

Check step 4 in the execution_table where my_var is None and default filter is applied.

At which step does the length filter get applied and what is the result?

A Step 3, result 4

B Step 2, result 2024-06-15

C Step 4, result Default value

D Step 1, result 2024-06-15 14:30:00

💡 Hint

Look for the step where my_list is processed with length filter.

If my_date was empty, what would the output be after applying date and default filters?

A 2024-06-15

B Empty string

C No date

D Error

💡 Hint

The default filter provides fallback text ("No date") if the date filter output is empty.

Concept Snapshot

Template filters modify variables in templates.
Use date to format dates: {{ my_date|date:"Y-m-d" }}
Use length to count items: {{ my_list|length }}
Use default to provide fallback: {{ my_var|default:"Fallback" }}
Filters apply left to right, outputting the final rendered value.

Full Transcript

In Django templates, filters change how variables appear. The date filter formats date objects into strings like '2024-06-15'. The length filter counts items in lists or strings. The default filter shows a fallback value if the variable is empty or missing. Filters apply one after another, and the final result is shown in the template. For example, if a date is missing, default can show 'No date' instead of blank. This helps templates stay clear and user-friendly.

Practice

1. What does the Django template filter length do when applied to a list variable?

easy

A. It returns the number of items in the list.

B. It changes the list into a string.

C. It formats the list as a date.

D. It provides a default value if the list is empty.

Solution

1. Step 1: Understand the purpose of the length filter

   The length filter counts how many items are in a list or string.

2. Step 2: Apply the filter to a list variable

   When used on a list, it returns the count of elements inside it.

3. Final Answer:

   It returns the number of items in the list. -> Option A

4. Quick Check:

   length counts items [OK]

Hint: Remember: length counts items, not changes data type [OK]

Common Mistakes:

• Thinking length changes data format
• Confusing length with default filter
• Assuming length formats dates

2. Which of the following is the correct syntax to use the default filter in a Django template to show 'N/A' if a variable user_name is empty?

easy

A. {{ user_name | default:N/A }}

B. {{ user_name | default('N/A') }}

C. {{ user_name | default:'N/A' }}

D. {{ user_name | default=N/A }}

Solution

1. Step 1: Recall the syntax for filters with arguments

   Filters use the pipe symbol and arguments are passed with a colon and quotes for strings.

2. Step 2: Identify the correct syntax for default

   The correct syntax is {{ variable | default:'value' }} using single or double quotes inside the colon.

3. Final Answer:

   {{ user_name | default:'N/A' }} -> Option C

4. Quick Check:

   Use colon and quotes for filter arguments [OK]

Hint: Use colon and quotes for filter arguments [OK]

Common Mistakes:

• Using parentheses instead of colon
• Omitting quotes around string argument
• Using equal sign instead of colon

3. Given the template code:

{{ my_date|date:"Y-m-d" }}

and my_date is a Python datetime object representing March 5, 2024, what will be the output?

medium

A. 2024-03-05

B. 03/05/2024

C. March 5, 2024

D. 05-03-2024

Solution

1. Step 1: Understand the date filter format string

   The format string "Y-m-d" means 4-digit year, dash, 2-digit month, dash, 2-digit day.

2. Step 2: Apply the format to the date March 5, 2024

   Year is 2024, month is 03, day is 05, so output is "2024-03-05".

3. Final Answer:

   2024-03-05 -> Option A

4. Quick Check:

   Date format Y-m-d = 2024-03-05 [OK]

Hint: Match format letters to date parts exactly [OK]

Common Mistakes:

• Confusing month and day order
• Ignoring leading zeros
• Using wrong format letters

4. What is wrong with this Django template code?

{{ items|length:'default' }}

Assuming items is a list variable.

medium

A. The default filter should be used instead of length.

B. The variable items must be converted to string first.

C. The colon should be replaced with a pipe symbol.

D. The length filter does not take any arguments.

Solution

1. Step 1: Check the usage of length filter

   The length filter counts items and does not accept any arguments.

2. Step 2: Identify the error in the code

   Passing 'default' as an argument with colon is invalid syntax for length.

3. Final Answer:

   The length filter does not take any arguments. -> Option D

4. Quick Check:

   length has no arguments [OK]

Hint: Remember: length filter never takes arguments [OK]

Common Mistakes:

• Trying to pass default value to length
• Confusing filter argument syntax
• Using colon incorrectly with length

5. In a Django template, you want to display the length of a list users, but if the list is empty or undefined, show 'No users'. Which template code achieves this correctly?

hard

A. {{ users|default:'No users'|length }}

B. {{ users|length|default:'No users' }}

C. {{ users|length:'No users' }}

D. {{ users|default:'No users' }} (length missing)

Solution

1. Step 1: Understand filter order and behavior

   First, length counts items in users. If users is empty or undefined, length returns 0 or errors.

2. Step 2: Use default after length to provide fallback

   Applying default:'No users' after length replaces empty or zero output with 'No users'.

3. Final Answer:

   {{ users|length|default:'No users' }} -> Option B

4. Quick Check:

   Chain length then default for fallback [OK]

Hint: Apply length first, then default for fallback text [OK]

Common Mistakes:

• Applying default before length (wrong fallback)
• Passing argument to length filter
• Omitting length filter when counting