Custom date formats in Tableau - Real Business Scenario

Scenario Mode

👤 Your Role: You are a sales analyst at a retail company.

📋 Request: Your manager wants a sales report that shows the order dates in a clear, customized format to improve readability and presentation.

📊 Data: You have sales data including Order ID, Order Date, Product, and Sales Amount.

🎯 Deliverable: Create a Tableau report that displays sales data with Order Dates formatted as 'MMM dd, yyyy' (e.g., Jan 05, 2024) and also as 'dddd, MMMM dd' (e.g., Friday, January 05) in separate views.

Sample Data

Order ID	Order Date	Product	Sales Amount
1001	2024-01-05	Desk Chair	150
1002	2024-01-06	Office Desk	300
1003	2024-01-07	Monitor	200
1004	2024-01-08	Keyboard	50
1005	2024-01-09	Mouse	25
1006	2024-01-10	Desk Lamp	45
1007	2024-01-11	Notebook	15
1008	2024-01-12	Pen Set	10

1

Step 1: Connect your sales data to Tableau and open a new worksheet.

Import the data source with columns: Order ID, Order Date, Product, Sales Amount.

Expected Result

Data is loaded and visible in Tableau's Data pane.

2

Step 2: Create a calculated field to format Order Date as 'MMM dd, yyyy'.

Name: Formatted Date 1 Formula: LEFT(DATENAME('month', [Order Date]), 3) + ' ' + RIGHT('0' + STR(DAY([Order Date])), 2) + ', ' + STR(YEAR([Order Date]))

Expected Result

A new field 'Formatted Date 1' shows dates like 'Jan 05, 2024'.

3

Step 3: Create another calculated field to format Order Date as 'dddd, MMMM dd'.

Name: Formatted Date 2 Formula: DATENAME('weekday', [Order Date]) + ', ' + DATENAME('month', [Order Date]) + ' ' + RIGHT('0' + STR(DAY([Order Date])), 2)

Expected Result

A new field 'Formatted Date 2' shows dates like 'Friday, January 05'.

4

Step 4: Build the first view: drag 'Formatted Date 1' to Rows, 'Sales Amount' to Columns, and 'Product' to Detail.

Configure the view as a bar chart showing sales by formatted date.

Expected Result

Bar chart displays sales amounts with dates formatted as 'Jan 05, 2024'.

5

Step 5: Build the second view: drag 'Formatted Date 2' to Rows, 'Sales Amount' to Columns, and 'Product' to Detail.

Configure the view as a bar chart showing sales by the second date format.

Expected Result

Bar chart displays sales amounts with dates formatted as 'Friday, January 05'.

6

Step 6: Create a dashboard and add both views side by side for comparison.

Use Tableau's dashboard feature to place both charts next to each other.

Expected Result

Dashboard shows two charts with different custom date formats for easy comparison.

Final Result

-------------------------------------------------
| Sales Report Dashboard                         |
|------------------------------------------------|
| Formatted Date 1 View       | Formatted Date 2 View |
| Jan 05, 2024  | ████████   | Friday, January 05 | ████████ |
| Jan 06, 2024  | ██████████ | Saturday, January 06| ██████████|
| Jan 07, 2024  | ███████    | Sunday, January 07  | ███████  |
| ...           | ...        | ...                | ...      |
-------------------------------------------------

✓Custom date formats improve report readability and presentation.

✓Using different date formats helps different audiences understand the timeline better.

✓Sales trends are clearly visible with formatted dates enhancing clarity.

Bonus Challenge

Create a parameter to let users switch between different date formats dynamically in the dashboard.

Show Hint

Use a string parameter with options for each date format and a calculated field that uses IF or CASE to apply the selected format.

Practice

1. What does the custom date format string yyyy-MM-dd display in Tableau?

easy

A. Month in four digits, day in two digits, year in two digits separated by slashes

B. Year in four digits, month in two digits, day in two digits separated by dashes

C. Day in four digits, month in two digits, year in two digits separated by dots

D. Year in two digits, month in two digits, day in two digits separated by spaces

Solution

1. Step 1: Understand the format components

   yyyy means four-digit year, MM means two-digit month, and dd means two-digit day.

2. Step 2: Analyze the separators

   The dashes - separate year, month, and day in the output.

3. Final Answer:

   Year in four digits, month in two digits, day in two digits separated by dashes -> Option B

4. Quick Check:

   yyyy-MM-dd = Year-Month-Day with dashes [OK]

Hint: Remember yyyy=year, MM=month, dd=day with separators [OK]

Common Mistakes:

• Confusing MM with minutes
• Mixing up order of year, month, day
• Ignoring separator characters

2. Which of the following is the correct Tableau custom date format to show the date as 31/12/2024?

easy

A. dd/MM/yyyy

B. yyyy/MM/dd

C. MM/dd/yyyy

D. dd-MM-yyyy

Solution

1. Step 1: Identify the desired output format

   The date is shown as day/month/year with slashes: 31/12/2024.

2. Step 2: Match format string to output

   dd for day, MM for month, yyyy for year, separated by slashes /.

3. Final Answer:

   dd/MM/yyyy -> Option A

4. Quick Check:

   dd/MM/yyyy matches 31/12/2024 [OK]

Hint: Use slashes for separators and order day/month/year [OK]

Common Mistakes:

• Using dashes instead of slashes
• Swapping month and day positions
• Using lowercase 'mm' which means minutes

3. Given the Tableau custom date format string MMM dd, yyyy, what would the date 2024-07-04 display as?

medium

A. 04 Jul, 2024

B. July 04, 2024

C. 07 04, 2024

D. Jul 04, 2024

Solution

1. Step 1: Understand format tokens

   MMM shows abbreviated month name (e.g., Jul), dd is two-digit day, yyyy is four-digit year.

2. Step 2: Apply to date 2024-07-04

   Month is July abbreviated as 'Jul', day is '04', year is '2024', combined as 'Jul 04, 2024'.

3. Final Answer:

   Jul 04, 2024 -> Option D

4. Quick Check:

   MMM dd, yyyy = Jul 04, 2024 [OK]

Hint: MMM means short month name like Jan, Feb, Mar [OK]

Common Mistakes:

• Using full month name with MMM
• Confusing MMM with MM (month number)
• Swapping day and month order

4. You wrote the custom date format yyyy/dd/MM in Tableau but the dates look wrong. What is the likely error?

medium

A. Using lowercase 'dd' instead of uppercase 'DD' causes error

B. Missing separators like dashes or slashes between parts

C. Day and month positions are swapped, causing incorrect display

D. Year should be lowercase 'yyyy' to work correctly

Solution

1. Step 1: Analyze the format string

   yyyy/dd/MM places day before month, which is unusual and likely not intended.

2. Step 2: Understand correct order

   Typically, month comes before day in many formats, so swapping causes wrong date display.

3. Final Answer:

   Day and month positions are swapped, causing incorrect display -> Option C

4. Quick Check:

   Swapped dd and MM cause wrong date order [OK]

Hint: Check order: month usually before day, not after [OK]

Common Mistakes:

• Confusing uppercase and lowercase tokens
• Ignoring separators between date parts
• Assuming lowercase yyyy is invalid

5. You want to create a Tableau custom date format that shows the full month name, day without leading zero, and two-digit year, like January 5, 24. Which format string should you use?

hard

A. MMMM d, yy

B. MMM dd, yyyy

C. MM/dd/yy

D. MMMM dd, yyyy

Solution

1. Step 1: Identify required parts

   Full month name = MMMM, day without leading zero = d, two-digit year = yy.

2. Step 2: Match format string

   MMMM d, yy matches exactly: full month, day no leading zero, comma, space, two-digit year.

3. Final Answer:

   MMMM d, yy -> Option A

4. Quick Check:

   MMMM d, yy = January 5, 24 [OK]

Hint: Use MMMM for full month, d for day no zero, yy for two-digit year [OK]

Common Mistakes:

• Using dd for day adds leading zero
• Using yyyy for four-digit year instead of two-digit
• Using MMM for short month name instead of full