返回发烧友论坛
发 帖  

[文章]HarmonyOS应用开发-显示时间的实现

李洋水蛟龙
2022-04-23 10:59:14
阅读量0
HarmonyOS
1
2

一.创建项目


二.示例代码

hml：

  1. <div class="container">
  2.     <text class="title">现在的时间是:</text>
  3.     <text class="title">{{ year }}年{{ mouth }}月{{ day }}日</text>
  4.     <text class="title">{{ hour }}:{{min}}</text>
  5. </div>
复制代码

css：
  1. .container {
  2.     flex-direction: column;
  3.     justify-content: center;
  4.     align-items: center;
  5.     width: 100%;
  6.     height: 100%;
  7. }

  9. .title {
  10.     font-size: 30px;
  11.     margin: 10px;
  12. }
复制代码

js：
  1. export default {
  2.     data: {
  3.         year:"",
  4.         mouth:"",
  5.         day:"",
  6.         hour:"",
  7.         min:"",
  8.     },
  9.     onShow(){
  10.         this.getDate();
  11.     },
  12.     getDate:function(){
  13.         let newDate = new Date();
  14.         this.year = newDate.getFullYear();
  15.         this.mouth = newDate.getMonth();
  16.         this.day = newDate.getDay();
  17.         this.hour = newDate.getHours();
  18.         this.min = newDate.getMinutes();
  19.     }
  20. }
复制代码
附件：
HarmonyOS应用开发-显示时间的实现.docx
(40.12 KB, 下载次数: 0)


举报

回帖

声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容图片侵权或者其他问题，请联系本站作侵删。 侵权投诉
链接复制成功，分享给好友