HarmonyOS应用开发-显示时间的实现

• 创建项目

 

 

• 示例代码

hml：

<div class="container">
    <text class="title">现在的时间是:</text>
    <text class="title">{{ year }}年{{ mouth }}月{{ day }}日</text>
    <text class="title">{{ hour }}:{{min}}</text>
</div>

 css：

.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.title {
    font-size: 30px;
    margin: 10px;
}

 js：

export default {
    data: {
        year:"",
        mouth:"",
        day:"",
        hour:"",
        min:"",
    },
    onShow(){
        this.getDate();
    },
    getDate:function(){
        let newDate = new Date();
        this.year = newDate.getFullYear();
        this.mouth = newDate.getMonth();
        this.day = newDate.getDay();
        this.hour = newDate.getHours();
        this.min = newDate.getMinutes();
    }
}