Date
Display a current date.
Default
PreviewCode
2026/03/13
Color
PreviewCode
03-13-2026 周五 01:56:49
International
PreviewCode
03-13-2026 Friday 01:56:49 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 |