🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### 实时时间组件就是设置时间的组件。点击“T”图标,再点击“实时时间”,即可创建时间,如图3.41; ![](https://img.kancloud.cn/76/06/76065ef96d26ad00e277da74eedc7f6c_932x337.png) ![](https://img.kancloud.cn/ec/7c/ec7c8761436354e8c1ef95e1fcca4743_799x44.png) ## **一、组件名称设置** ### 选中该实时时间组件,在操作界面右侧的“图层名称”处可修改组件的名称,如图3.42。(名称最好要设置一下,方便后期组件管理) ![](https://img.kancloud.cn/d1/7d/d17dbce5d422ba57c8b34415e8e70117_1099x607.png) ![](https://img.kancloud.cn/9a/bc/9abc8eb26f9e31fca217a77ecc1afef7_802x39.png) ## **二、格式设置** ### 选中该实时时间组件,在操作界面右侧选择“时间格式”,再在“自定义格式”处修组件的格式,如3.43。 * ### 如果你想设置时间为:2020年01月11日,可选择时间格式为“日期”,再将“自定义格式”处样式设置成“yyyy年MM月dd日”,效果图如3.431; * ### 如果你想设置时间为:2020/01/11 19:09,可选择时间格式为“日期+时分”,再将“自定义格式”处样式设置成“yyyy/MM/dd HH:mm”,效果图如图3.432; * ### 如果想让时间的格式为“2019年1月11日 11时11分11秒”,可选择时间格式为“日期+时分秒”,再将“自定义格式”处样式设置成“yyyy年M月dd日hh时mm分ss秒”,效果图如图3.433; * ### 如果想让时间的格式为“1月11日”,可选择时间格式为“日期(无年)”,再将自定义格式处样式设置成“M月dd日”,效果图如图3.434;: * ### 如果想让时间的格式为“19:12”,可选择时间格式为“时分”,再将自定义格式处样式设置成“HH:mm”,效果图如图3.435; * ### 如果想让时间的格式为“19:13:06”,可选择时间格式为“时分秒”,再将自定义格式处样式设置成“HH:mm:ss”,效果图如图3.436; * ### 如果想让时间的格式为“星期六”,可选择时间格式为“星期”,再将自定义格式处样式设置成“day”,效果图如图3.437;如果想让时间的格式为“周6”,可在自定义格式处样式设置成“周d”,如图3.438; * ### 如果想设置星期,可在“时间格式处”选择“星期”样式; ![](https://img.kancloud.cn/d6/25/d625a49a350983edac9e4c2f4a959ff3_1073x621.png) ![](https://img.kancloud.cn/27/41/2741d884939c1ff65b99abb05d609e06_801x43.png) ![](https://img.kancloud.cn/37/c8/37c8f8e8a72c4b3dbde09aeeff45efbb_665x156.png) ## **三、文字设置** * ### 字体间距:文字之间的间距设置; * ### 字体大小:文字大小设置; * ### 字体背景:文字背景设置; * ### 对齐方式:文字对齐方式,包含:居中、左对齐、右对齐; * ### 文字粗细:文字的粗细设置; * ### 字体颜色:文字颜色设置; ![](https://img.kancloud.cn/23/66/2366a7b2fef9daf211223b1a9988510c_650x369.png)