diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif
index 834e4ff3d13b357479c261b24e431e813c0eb616..357be98dfa92f7505f964cbbbc571523d3d1ca37 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/TimePickerDialog.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
index 7c1f588107d8e193190d9c939ce95cb9da37c2a5..27391a89218895b4d823b45e006d107e0bde2637 100644
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-timepicker-dialog.md
@@ -46,6 +46,9 @@ struct TimePickerDialogExample {
         .onClick(() => {
           TimePickerDialog.show({
             selected: this.selectTime,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               // 设置selectTime为按下确定按钮时的时间，这样当弹窗再次弹出时显示选中的为上一次确定的时间
               this.selectTime.setHours(value.hour, value.minute)
@@ -65,6 +68,9 @@ struct TimePickerDialogExample {
           TimePickerDialog.show({
             selected: this.selectTime,
             useMilitaryTime: true,
+            disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+            textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+            selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
             onAccept: (value: TimePickerResult) => {
               this.selectTime.setHours(value.hour, value.minute)
               console.info("TimePickerDialog:onAccept()" + JSON.stringify(value))