Calendar Holiday Marking
Visualize holidays, clearly distinguish weekdays and weekends
📖 User Guide Click to view detailed usage instructions
Collapse Expand
📖 User Guide
Click to view detailed usage instructions
Calendar Holiday Marking
Free online calendar holiday marking tool, visualize holidays, clearly distinguish weekdays and weekends.
Features
- Intuitive calendar visualization
- Support selecting any year and month
- Blue background marks today's date
- Yellow background marks holidays
- Red background marks weekends
- White background marks weekdays
- Provide detailed holiday list
- Support one-click copy function
Application Scenarios
- Planning annual leave arrangements
- Viewing holiday distribution
- Scheduling meeting times
- Designing event schedules
- Teaching course planning
- Project progress tracking
Usage Instructions
- Use the left/right arrow buttons or the dropdown menu to select the year and month
- View the color marks on the calendar to identify different types of dates
- The holiday list area displays all holiday information for the month
- Click the "Copy Calendar" button to save the text format
- Use the legend to understand the color coding meaning
Color Coding
- Blue background: Today (current date)
- Yellow background: Holidays
- Red background: Weekends (Saturday, Sunday)
- White background: Weekdays (Monday to Friday)
Technical Features
- Built with Vue 3 + TypeScript
- Responsive design, supports mobile devices
- Dark/light theme switching
- Internationalization support (Chinese/English)
- Data synchronization and local storage
- Modern UI design
2026 April
Sun
Mon
Tue
Wed
Thu
Fri
Sat
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
📋 Holiday List
No holidays this month
📋 Legend
8
Today
H
Holiday
15
Weekday
20
Weekend