HarmonyOS应用开发-显示时间的实现 - HarmonyOS技术社区 - 电子技术william hill官网 - 广受欢迎的专业电子william hill官网 - 威廉希尔官方网站
分享 收藏 返回

李洋水蛟龙 关注 私信
[文章]

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


一.创建项目


二.示例代码

hml：


  2.     title">现在的时间是:
  3.     {{ year }}年{{ mouth }}月{{ day }}日
  4.     {{ hour }}:{{min}}

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, 2022-4-23 10:58 上传)


更多回帖

我也要说两句 回帖

相关经验

×

发帖