Calendar Workday Marking

Free online calendar workday marking tool, visualize workdays, clearly distinguish weekdays and weekends.

Features

• Intuitive calendar visualization
• Support selecting any year and month
• Blue background marks today's date
• Red background marks weekends
• White background marks weekdays
• Provide workday statistics
• Support one-click copy function

Application Scenarios

• Planning monthly work schedule
• Viewing workday distribution
• Scheduling meeting times
• Designing project progress
• Teaching course planning
• Attendance days statistics

Usage Instructions

1. Use the left/right arrow buttons or the dropdown menu to select the year and month
2. View the color marks on the calendar to identify different types of dates
3. The statistics area shows the total days, workdays and weekend count for the month
4. Click the "Copy Calendar" button to save the text format
5. Use the legend to understand the color coding meaning

Color Coding

• Blue background: Today (current date)
• White background: Weekdays (Monday to Friday)
• Red background: Weekends (Saturday, Sunday)

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