ets声明式ui开发,怎么获取当前系统时间

举报
坚果派 发表于 2022/07/17 22:44:46 2022/07/17
3.9k+ 0 0
【摘要】 ets声明式ui开发,怎么获取当前系统时间在这里,我们将字符串用@state包裹,这样可以监听数据的更新我们给Text绑定点击时间,然后点击,即可显示当前时间,下面是效果。@Entry@Componentstruct Index { @State message: string = 'Hello World'​ build() { Row() { Column() { ...

ets声明式ui开发,怎么获取当前系统时间

在这里,我们将字符串用@state包裹,这样可以监听数据的更新

我们给Text绑定点击时间,然后点击,即可显示当前时间,下面是效果。

image-20220707151921043

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold).onClick(()=>{
          let date = new Date()//获取当前时间
//          this.message=date.toLocaleString();
          //周几
//          this.message=date.getUTCDay().toString();//日期
//          this.message=date.getUTCDate().toString();
//          //农历月份
//          this.message=date.getUTCMonth().toString();
​
​
          this.message=date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日" + date.getHours() + "时" + date.getMinutes() + "分" + date.getSeconds()+ "秒"
​
​
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。