中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
一.创建项目 二.示例代码 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(); } }
微信扫码分享