0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

鸿蒙时代 来源:鸿蒙时代 作者:鸿蒙时代 2022-04-24 09:19 次阅读
poYBAGJjXViAOqtqAABk0Dw6nBY757.png

一.创建项目

pYYBAGJjXXyAL1uLAAAUFM6oE4E913.png

二.示例代码
hml:


现在的时间是:{{ year }}年{{ mouth }}月{{ day }}日{{ hour }}:{{min}}

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();
    }
}
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • HarmonyOS
    +关注

    关注

    79

    文章

    1797

    浏览量

    29253
收藏 人收藏

    评论

    相关推荐

    HarmonyOS智能硬件怎么实现总线驱动开发

    想要问问,HarmonyOS智能硬件是怎么实现总线驱动开发的?
    发表于 09-18 10:37

    HarmonyOS 开发小视频展示(三)

    问题并解决问题的。2、HarmonyOS 天气显示简介:上一次帖子,已经通过网络获取天气数据,但是还没显示显示屏上。今天的帖子我写的是关于如何取模天气图片,并
    发表于 03-05 10:23

    HarmonyOS 开发小视频展示(五)

    基于HarmonyOS鸿蒙—北向HAP应用开发之2048小游戏简介:基于HarmonyOS鸿蒙——北向HAP应用开发之2048小游戏4、基于WiFi IoT套件
    发表于 03-05 16:15

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

    ;quot;title">现在的时间是:</text> <text class="title"
    发表于 04-23 10:59

    每日推荐 | 放大器电路设计教程,ARM处理器设计RISC实例

    )推荐理由: Patterrson和Ditzel认为处理器的设计的3个基本优点解析5、HarmonyOS应用开发-显示时间实现推荐理由:分
    发表于 04-25 10:49

    HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用

    的应用呈现在消费者面前。 为了帮助开发者更好地实现HarmonyOS应用的开发,华为面向开发者推出了由赋能套件,鸿蒙系统特征能力,设计资源套
    发表于 08-14 15:08

    【线下活动】HarmonyOS 2.0 手机开发者Beta活动

    报名时间: 2020-12-04 00:00:00 ~ 2020-12-15 23:59:59   【活动简介】 12月16日,北京,HarmonyOS 2.0手机开发者Beta如期而至。 届时
    的头像 发表于 12-09 10:18 2609次阅读

    华为开发HarmonyOS零基础入门:四步实现HarmonyOS应用

    华为开发HarmonyOS零基础入门:四步实现HarmonyOS应用,可以自定义主键实际应用在开发者界面。
    的头像 发表于 10-23 10:05 1723次阅读
    华为<b class='flag-5'>开发</b>者<b class='flag-5'>HarmonyOS</b>零基础入门:四步<b class='flag-5'>实现</b><b class='flag-5'>HarmonyOS</b>应用

    华为开发HarmonyOS零基础入门:UI组件设计开发实践

    华为开发HarmonyOS零基础入门:UI组件设计开发实践之图库应用介绍,应用数据加载显示模型图片加载渲染功能快速在其他应用上。
    的头像 发表于 10-23 10:58 1434次阅读
    华为<b class='flag-5'>开发</b>者<b class='flag-5'>HarmonyOS</b>零基础入门:UI组件设计<b class='flag-5'>开发</b>实践

    华为开发HarmonyOS零基础入门:应用数据加载显示模型

    华为开发HarmonyOS零基础入门:应用数据加载显示模型,对模型进行优化与解码进行竞争,预加载提升体验。
    的头像 发表于 10-23 11:05 1086次阅读
    华为<b class='flag-5'>开发</b>者<b class='flag-5'>HarmonyOS</b>零基础入门:应用数据加载<b class='flag-5'>显示</b>模型

    华为开发者分论坛HarmonyOS学生公开课-10分钟成为HarmonyOS开发

    2021华为开发者分论坛HarmonyOS学生公开课-10分钟成为HarmonyOS开发
    的头像 发表于 10-24 11:03 1683次阅读
    华为<b class='flag-5'>开发</b>者分论坛<b class='flag-5'>HarmonyOS</b>学生公开课-10分钟成为<b class='flag-5'>HarmonyOS</b><b class='flag-5'>开发</b>者

    华为开发者分论坛HarmonyOS学生公开课-如何学习HarmonyOS应用开发

    2021华为开发者分论坛HarmonyOS学生公开课-如何学习HarmonyOS应用开发
    的头像 发表于 10-24 11:09 1859次阅读
    华为<b class='flag-5'>开发</b>者分论坛<b class='flag-5'>HarmonyOS</b>学生公开课-如何学习<b class='flag-5'>HarmonyOS</b>应用<b class='flag-5'>开发</b>?

    面向HarmonyOS开发者的HarmonyOS 3.0 Beta介绍

    2021年10月,我们面向开发者发布了HarmonyOS 3.0 Developer Preview版,但开发的脚步永不停歇,现在我们又更新了API版本,配套发布了HarmonyOS
    的头像 发表于 07-06 20:34 2961次阅读

    HarmonyOS开发:舒尔特方格游戏

    为丰富 HarmonyOS 对云端开发的支持、实现 HarmonyOS 生态端云联动,DevEco Studio 推出了云开发功能,
    的头像 发表于 06-19 15:05 490次阅读
    <b class='flag-5'>HarmonyOS</b>云<b class='flag-5'>开发</b>:舒尔特方格游戏

    HarmonyOS NEXT新能力,一站式高效开发HarmonyOS应用

    2023年8月4日的华为开发者大会2023(HDC.Together)拉开帷幕,伴随着HarmonyOS 4的发布,华为向开发者发布了汇聚所有最新开发能力的
    的头像 发表于 08-09 17:16 784次阅读