Template filters (date, length, default) in Django - Mini Project: Build & Apply

Using Django Template Filters: date, length, default

📖 Scenario: You are building a simple Django web page to display a list of events. Each event has a name, a date, and an optional description.Sometimes the description might be missing, and the date should be shown in a friendly format. You also want to show how many events are in the list.

🎯 Goal: Create a Django template that uses the date, length, and default filters to display event information clearly and handle missing descriptions gracefully.

📋 What You'll Learn

Create a list of events with exact data

Add a variable to count events

Use the date filter to format event dates

Use the default filter to show a fallback description

Use the length filter to show the number of events

💡 Why This Matters

🌍 Real World

Displaying event information on websites is common. Using template filters helps format data cleanly and handle missing information gracefully.

💼 Career

Knowing how to use Django template filters is essential for backend web developers working with Django to create user-friendly web pages.

1

Create the events list

Create a Python list called events with these exact dictionaries: {'name': 'Concert', 'date': datetime.date(2024, 7, 20), 'description': 'Live music show'}, {'name': 'Art Expo', 'date': datetime.date(2024, 8, 5), 'description': ''}, and {'name': 'Food Festival', 'date': datetime.date(2024, 9, 10)}. Import datetime to use datetime.date.

Django

import datetime

# Create the events list with exact dictionaries
# Your code here

Hint

Remember to import datetime and use datetime.date(year, month, day) for dates.

2

Add a variable to count events

Create a variable called event_count and set it to the length of the events list using the len() function.

Django

import datetime

events = [
    {'name': 'Concert', 'date': datetime.date(2024, 7, 20), 'description': 'Live music show'},
    {'name': 'Art Expo', 'date': datetime.date(2024, 8, 5), 'description': ''},
    {'name': 'Food Festival', 'date': datetime.date(2024, 9, 10)}
]

# Create event_count as the length of events
# Your code here

Hint

Use len(events) to get the number of items in the list.

3

Use template filters for date and default description

Write a Django template snippet that loops over events using {% for event in events %}. Inside the loop, display the event name, the event date formatted as F j, Y using the date filter, and the event description using the default filter with the fallback text 'No description available'. Close the loop with {% endfor %}.

Django

{% for event in events %}
  
  
{% endfor %}

Hint

Use {{ variable|filter }} syntax for filters. The date filter formats dates, and default shows fallback text if the value is empty or missing.

4

Show the total number of events using length filter

Add a line above the loop that displays the total number of events using the length filter on the events list inside double curly braces. The text should read exactly: Total events: X where X is the length of events.

Django

{% for event in events %}
  {{ event.name }}
  Date: {{ event.date|date:"F j, Y" }}
  Description: {{ event.description|default:"No description available" }}
{% endfor %}

Hint

Use {{ events|length }} to get the number of items in the list inside the template.

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