Date
Display a current date.
Default
PreviewCode
2025/10/09
Color
PreviewCode
10-09-2025 周四 07:40:05
International
PreviewCode
10-09-2025 Thursday 07:40:05 AM
Props
Universal Props


| Prop | Type | Accepted Values | Description | Default |
|---|---|---|---|---|
| type | string | line(YY-MM-DD) full(YY/MM/DD Week HMS) full-line(YY-MM-DD Week HMS) year-week(YY/MM/DD Week) year-week-line(YY-MM-DD Week) week-time(Week HMS) no-s(YY/MM/DD Week HM) no-s-line(YY-MM-DD Week HM) us-full(MM/DD/YY Week HMS) us-full-line(MM/DD/YY Week HMS) | 10 preset styles are provided by default, and more styles can be customized through the 'sx' attribute. | - |
| sx | object | object | Inline styles for customizing the Date component. Note: When using the 'style' prop, the same CSS properties will override the 'sx' prop. | {} |
| single | boolean | boolean | 'Day of the week' can be changed to 'week' display. | false |
| en | boolean | boolean | Switch English. | false |