【Harmony OS】【ARK UI】Date 基本操作

 關於時間操作是很基礎的操作,今天描述一個怎麼獲取時間戳,和獲取當前時區,獲取當期日期功能。主要分爲:“開發準備“,“api講解”,”運行效果“

1、開發準備

我們需要學會的資料如下

1.1【HarmonyOS】鴻蒙ets項目如何npm方式引入第三方js類庫
1.2 Jstz
1.3對比參考JavaScript Date 對象

 

2、api講解

2.1獲取當前時區 參考Jstz倉庫

cke_3010.png

2.2獲取當前時間戳

var str= "2018-07-26";
console.log(Date.parse(str)/1000+"")

2.3獲取當前時間 我們參數參考JavaScript Date 對象資料

cke_6154.png

 

3. 運行效果
3.1全部代碼如下

import jstz from 'jstz';
@Entry
@Component
struct DataTimePage {
  private DateParse(){
    var str= "2018-07-26";
    console.log(Date.parse(str)/1000+"")
  }
  private gettime(){
    let time=new Date();
    console.log(time.getFullYear()+"年"+(time.getMonth()+1)+"月"+time.getDate()+"日")
  }
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text('獲取當前時區')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
      .onClick(function(){
        var timezone = jstz.determine();
        var Asia = timezone.name();
        console.log(  Asia);
      })

      Text('日期轉化爲時間戳')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
      .backgroundColor(Color.Red)
      .onClick(this.DateParse.bind(this))


      Text('獲取當前日誌')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .backgroundColor(Color.White)
      .onClick(this.gettime.bind(this))

    }
    .width('100%')
    .height('100%')
  }
}

3.2運行效果如下

cke_10403.png

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章