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

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

1.
2.
3.
4.
5.
6.

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

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

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

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();
    }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.