創作

完善資料讓更多小伙伴認識你,還能領取20積分哦, 立即完善>

3天內不再提示

HarmonyOS原子化服務-時間管理

鴻蒙時代 ? 來源:鴻蒙時代 ? 作者:鴻蒙時代 ? 2022-04-29 10:37 ? 次閱讀

案例效果

HarmonyOS原子化服務-時間管理-OpenHarmony技術社區


HarmonyOS原子化服務-時間管理-OpenHarmony技術社區


一、創建項目
二、代碼示例
hml代碼部分


{{mouth}}月{{day}}日{{week}}
時間內容
是否刪除該條計劃

復制

css代碼部分

.container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
}
.title{
    width: 100%;
    height: 40px;
    font-size: 24px;
    color: #fff;
    text-align: left;
    padding-left: 12px;
    background-color: dodgerblue;
    margin-bottom: 10px;
}
.txt{
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: dodgerblue;
    padding-left: 16px;
}
.showTime{
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}
.showText{
    font-size: 16px;
    color: #333;
    padding-right: 12px;
}
.boxTitle{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    width: 100%;
    margin-top: 4px;
    border: 1px;
}
.text{
    font-size: 16px;
    text-align: center;
    height: 40px;
/*    border: 1px;*/
}
.boxContent{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.hengStyle{
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
}
.inputTitle{
    width: 30%;
    height: 40px;
    font-size: 16px;
    color: #333;
    border-radius: 0px;
    background-color: #eee;
}
.inputTxt{
    width: 70%;
    font-size: 16px;
    height: 40px;
    border-radius: 0px;
    border-left-width: 1px;
    background-color: #eee;

}
.btnStyle{
    width: 100%;
    justify-content: center;
    align-items: center;
}
.inputBtn{
    width: 20%;
    height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 0px;
    background-color: #ccc;
}
.dialogText{
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
.inner-btn {
    width: 80%;
    height: 50px;
    align-items: center;
    justify-content: space-around;
}

復制

js代碼部分:

export default {
    data: {
//        year:"",
        mouth:"",
        day:"",
        week:"",
//        hour:"",
//        min:"",
        planList:[
            {
                id:0,
                time:"選擇時間",
                content:"",
            }
        ],
        timeValue:"",
        inputValue:"",
        selectVal:"2021-06-08",
    },
    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();

        let weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
        this.week = weekArray[newDate.getDay()];
    },
    clickTime(idx){//彈出
        this.$element("chooseTime").show(idx);
        this.idx = idx;
    },
    chooseDate(e){//選擇時間
        let idx = this.idx;
        this.timeValue = e.year + "-" + e.month + "-" + e.day;
        this.planList[idx].time = this.timeValue;
    },
    inputPlanValue(e){//監聽輸入
        let idx = this.idx;
        this.inputValue = e.value;
        this.planList[idx].content = this.inputValue;
    },
    addPlan(){//增加計劃表
        this.planList.push({time:"選擇時間",content:""});
    },
    deleteList(idx){//刪除計劃
        this.$element("delDialog").show();
        this.delIdx = idx
    },
    setBack(){
        this.$element("delDialog").close();
    },
    setTure(){
        let idx = this.delIdx
        this.planList.splice(idx,1);
        this.$element("delDialog").close();
        console.log(idx)
    },
}

復制

三.案例效果

HarmonyOS原子化服務-時間管理-OpenHarmony技術社區HarmonyOS原子化服務-時間管理-OpenHarmony技術社區
  • HarmonyOS
    +關注

    關注

    67

    文章

    1095

    瀏覽量

    22745
  • 原子化服務
    +關注

    關注

    0

    文章

    24

    瀏覽量

    43
收藏 人收藏

    評論

    相關推薦

    HarmonyOS應用開發-DistributedHealthDemoPhone體驗

    說明:此Demo展示如何在手機上調用相應接口,獲取手表斷的心率和步數等健康數據,配合分布式健康手表端應用,可以實現數據跨設備...
    發表于 07-04 11:08 ? 484次 閱讀

    【HarmonyOS HiSpark Wi-Fi IoT 套件試用連載】之環境搭建及HelloWorld程序開發

    環境搭建 Author: HonestQiao 喬幫主的docker環境適用于套件使用,具體參考網址:https://blog.51cto.com/harmonyos/5223948...
    發表于 07-03 15:30 ? 1086次 閱讀

    OpenHarmony如何啟動FA(本地和遠程)

    大家好,今天我們來一起學習分布式相關的內容,其實對于分布式任務調度,就是對數據管理的另一種形式 啟動....
    的頭像 鴻蒙實驗室 發表于 07-02 13:41 ? 444次 閱讀
    OpenHarmony如何啟動FA(本地和遠程)

    HarmonyOS應用開發-DistriButedHealthDome分布式健康數據體驗

    說明:此Demo展示如何在手表上調用相應接口,獲取心率和步數等健康數據,配合分布式健康手機端應用,可以實現數據跨設備瀏覽以及...
    發表于 07-02 11:36 ? 1788次 閱讀

    【學習打卡】關于OpenHarmony的靜態檢查

    作者:堅果 公眾號:"大前端之旅" OpenHarmony布道師,InfoQ簽約作者,CSDN博客專....
    的頭像 鴻蒙實驗室 發表于 07-02 11:01 ? 341次 閱讀
    【學習打卡】關于OpenHarmony的靜態檢查

    【學習打卡】DevEcoStudio 3.0編輯器配置技巧篇

    DevEco Studio 3.0編輯器配置技巧篇 作者:堅果 公眾號:"大前端之旅" OpenHa....
    的頭像 鴻蒙實驗室 發表于 07-02 10:35 ? 302次 閱讀
    【學習打卡】DevEcoStudio 3.0編輯器配置技巧篇

    【學習打卡】記一次給OpenHarmony提交代碼的過程

    記一次給OpenHarmony提交代碼的過程 作者:堅果 公眾號:"大前端之旅" OpenHarmo....
    的頭像 鴻蒙實驗室 發表于 07-02 10:31 ? 327次 閱讀
    【學習打卡】記一次給OpenHarmony提交代碼的過程

    【學習打卡】OpenHarmony應用開發之二維碼生成器

    ? 作者:堅果 公眾號:"大前端之旅" OpenHarmony布道師,InfoQ簽約作者,CSDN博....
    的頭像 鴻蒙實驗室 發表于 07-01 17:53 ? 2446次 閱讀
    【學習打卡】OpenHarmony應用開發之二維碼生成器

    【學習打卡】ArkUI eTS上實現"流光按鈕"效果

    1. 實現效果 對自定義的按鈕添加動態效果,通過這種實現的思路還可以實現更改更多的按鈕效果。 2. 實現原理 在兩個Stack堆...
    發表于 07-01 12:05 ? 2315次 閱讀

    HarmonyOS應用開發-DistributedDateDome分布式數據訪問體驗

    說明:基于分布式數據接口,實現多種設備上一致的數據訪問體驗。 效果圖: 完整代碼地址:https://gitee.com/jltfcloudcn/...
    發表于 07-01 09:58 ? 1215次 閱讀

    華為HarmonyOS 3.0將于下個月發布,時間或將定在25號之后

    日前,有微博博主爆料稱,華為HarmonyOS 3.0正式版將于七月下旬發布。 該博主還補充道:Ha....
    的頭像 汽車玩家 發表于 06-30 17:40 ? 564次 閱讀

    HarmonyOS應用開發-DistributeDatabaseDraw多設備實時同步筆跡體驗

    說明:多設備實時同步筆跡,也可撤回筆跡。 ? 它旨在幫助開發人員快速了解HarmonyOS應用程序開發,多屏協作交互和HarmonyO...
    發表于 06-30 17:03 ? 1058次 閱讀

    【學習打卡】OpenHarmony應用開發01

    引言 因為個人的一些原因,好久也是沒有碰OpenHarmony了,今天剛好有空,恰好也是調整好了自己....
    的頭像 鴻蒙實驗室 發表于 06-30 13:07 ? 1349次 閱讀
    【學習打卡】OpenHarmony應用開發01

    【學習打卡】OpenHarmony開源項目介紹

    【堅果系列】OpenHarmony應用開發【02】-OpenHarmony開源項目介紹 作者:堅果 ....
    的頭像 鴻蒙實驗室 發表于 06-30 13:05 ? 1219次 閱讀
    【學習打卡】OpenHarmony開源項目介紹

    【學習打卡】OpenHarmony開源項目介紹

    OpenHarmony開源項目 【堅果系列】OpenHarmony應用開發【02】-OpenHarmony開源項目介紹 作者:堅果 公眾號:"大前端之...
    發表于 06-30 13:02 ? 6298次 閱讀

    【學習打卡】OpenHarmony應用開發01

    引言 因為個人的一些原因,好久也是沒有碰OpenHarmony了,今天剛好有空,恰好也是調整好了自己的狀態,所以就來開始繼續更新了...
    發表于 06-30 12:44 ? 2585次 閱讀

    基于HarmonyOS開發的運動員智能訓練系統

    # 開發者說 # 【開發者說】欄目是為HarmonyOS開發者提供的展示和分享平臺,在這里,大家可以發表自己的技術洞察和見解,也可...
    發表于 06-29 09:39 ? 3016次 閱讀

    【HarmonyOS HiSpark Wi-Fi IoT 智能家居套件體驗 】HarmonyOS HiSpark Wi-Fi IoT介紹+第一印象

    一、HarmonyOS HiSpark HarmonyOS HiSpark Wi-Fi IoT  智能家居套件是潤和軟件推出的支持HarmonyOS...
    發表于 06-25 23:29 ? 2088次 閱讀
    【HarmonyOS HiSpark Wi-Fi IoT  智能家居套件體驗 】HarmonyOS HiSpark Wi-Fi IoT介紹+第一印象

    華為HarmonyOS3.0或開啟公測 臺積電3nm制程工藝產能受關注

    美國當地時間6月21日,Meta、微軟等多家科技巨頭宣布成立了一個名為“元宇宙標準論壇”的組織,以促....
    發表于 06-24 11:02 ? 234次 閱讀

    OpenHarmony原子化服務開發快速入門體驗(下)

    五、配置openharmony應用簽名信息 采用自動配簽名的方法,將設備使用USB數據線連接到電腦后....
    的頭像 鴻蒙時代 發表于 06-22 10:11 ? 1380次 閱讀
    OpenHarmony原子化服務開發快速入門體驗(下)

    HarmonyOS 應用開發-ClickableImageJsDome體驗

    說明:提供了常用的布局、組件等頁面元素,并且為這些組件提供了很多屬性與可監聽到的事件(例如動畫屬性與....
    的頭像 鴻蒙時代 發表于 06-20 00:24 ? 280次 閱讀
    HarmonyOS 應用開發-ClickableImageJsDome體驗

    HarmonyOS原子化服務開發快速入門教程 (下)

    五、多設備效果顯示 其他卡片效果顯示,如圖27、圖28、圖29所示 Phone: ? 圖 27 Ta....
    的頭像 鴻蒙時代 發表于 06-18 11:49 ? 2993次 閱讀
    HarmonyOS原子化服務開發快速入門教程 (下)

    HarmonyOS原子化服務開發快速入門教程(中)

    三、修改代碼 ? 查看js下剛剛創建的卡片,如圖7。 ? 如圖7 打開該文件下的index.hml文....
    的頭像 鴻蒙時代 發表于 06-17 11:58 ? 3614次 閱讀
    HarmonyOS原子化服務開發快速入門教程(中)

    HarmonyOS原子化服務開發快速入門教程(上)

    HarmonyOS原子化服務開發快速入門教程(上) 原創 蛟龍騰飛收納專欄 :? Harmonyos....
    的頭像 鴻蒙時代 發表于 06-16 16:44 ? 382次 閱讀
    HarmonyOS原子化服務開發快速入門教程(上)

    首款搭載HarmonyOS的燃油車北京魔方將于6月底開啟預售

    近日,北京汽車推出的全新緊湊型SUV——北京魔方出售的信息被公布了出來,這款酷似電動車的燃油車即將在....
    的頭像 汽車玩家 發表于 06-16 15:23 ? 283次 閱讀

    AITO問界M5榮獲行業首個車載語音助手A級權威認證

    立足智能科技,優化人機交互,我們一直在努力!AITO問界M5-HarmonyOS智能座艙高分榮獲行業....
    的頭像 科技綠洲 發表于 06-12 09:56 ? 452次 閱讀

    HarmonyOS應用開發:排序練習

    一、創建項目 二、示例代碼 index.hml {{$item.txt}} index.css .c....
    的頭像 鴻蒙時代 發表于 06-08 16:05 ? 352次 閱讀
    HarmonyOS應用開發:排序練習

    okio的工作原理及使用方法

    前不久,三方組件庫上新了一批JS/eTS組件,其中就包括okio組件。okio是一個可應用于Harm....
    的頭像 科技綠洲 發表于 06-08 09:39 ? 389次 閱讀
    okio的工作原理及使用方法

    一個可應用于HarmonyOS的高效IO庫

    為了滿足開發者對IO的更高要求,三方組件庫推出IO處理利器——okio(JS版本)。okio使用Se....
    的頭像 HarmonyOS開發者 發表于 06-08 09:22 ? 202次 閱讀

    HarmonyOS應用開發:保存到變量

    一、創建項目 二、示例代碼 // 變量始終保存在內存中getNum:function () { le....
    的頭像 鴻蒙時代 發表于 06-07 10:23 ? 201次 閱讀
    HarmonyOS應用開發:保存到變量

    HarmonyOS原子化服務開發—標題配置問題的處理

    這個標題是如何處理的? 這個是應用名稱 配置文件里配置的 src/main/resources/ba....
    的頭像 鴻蒙時代 發表于 06-06 14:45 ? 188次 閱讀
    HarmonyOS原子化服務開發—標題配置問題的處理

    如何配置模組待配網超時時間

    本期FAQ通過三個章節——信息獲取、設備連接、其他問題,為大家帶來15個設備開發常見問題答疑,讓你快....
    的頭像 科技綠洲 發表于 06-03 10:04 ? 444次 閱讀
    如何配置模組待配網超時時間

    拓維信息旗下開鴻智谷成為HarmonyOS Connect ISV伙伴

    5月31日-6月1日,由華為主辦的2022 HarmonyOS Connect伙伴峰會在深圳召開。作....
    的頭像 拓維信息 發表于 06-01 21:06 ? 428次 閱讀

    了解DevEco Studio的預覽功能

    選中預覽器UI界面中的組件,則組件樹上對應的組件將被選中,同時代碼編輯器中的布局文件中對應的代碼塊高....
    的頭像 HarmonyOS官方合作社區 發表于 05-27 10:20 ? 330次 閱讀

    HarmonyOS應用開發例子-ets-video組件案例

    說明: 該組件從API version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容....
    的頭像 鴻蒙時代 發表于 05-26 14:13 ? 2672次 閱讀
    HarmonyOS應用開發例子-ets-video組件案例

    關于DevEco Studio的預覽功能介紹

    應用的開發過程中,往往需要多次調試和修改,如果支持實時預覽,邊改邊看效果,所看即所得,可大大提升開發....
    的頭像 科技綠洲 發表于 05-25 09:45 ? 550次 閱讀
    關于DevEco Studio的預覽功能介紹

    “鴻蒙之父”王成錄離開華為 下一站去哪里?

    “鴻蒙之父”王成錄離開華為 下一站去哪里? 王成錄博士是鴻蒙系統的主要負責人,甚至行業內稱之為“鴻蒙....
    的頭像 inr999 發表于 05-24 14:57 ? 610次 閱讀
    “鴻蒙之父”王成錄離開華為 下一站去哪里?

    華為HarmonyOS負責人王成錄已離職,下一站依舊是HarmonyOS

    日前,有消息傳出,華為HarmonyOS的負責人王成錄博士已經離開了華為,并且其微博號的華為官方認證....
    的頭像 汽車玩家 發表于 05-23 17:31 ? 606次 閱讀

    TS語言開發HarmonyOS應用:分布式計算器開發教程

    最近收到很多小伙伴反饋,想基于擴展的TS語言(eTS)進行HarmonyOS應用開發,但是不知道代碼....
    的頭像 海闊天空的專欄 發表于 05-23 16:37 ? 486次 閱讀
    TS語言開發HarmonyOS應用:分布式計算器開發教程

    從HUAWEI Mate Xs 2來看折疊屏的設計規范

    隨著新一代折疊屏手機HUAWEI Mate Xs 2發布,HarmonyOS折疊屏設計規范(后文簡稱....
    的頭像 海闊天空的專欄 發表于 05-20 11:28 ? 564次 閱讀
    從HUAWEI Mate Xs 2來看折疊屏的設計規范

    HarmonyOS折疊屏設計規范

    圖1是信息展示案例對比圖,設計規范建議展開態不應出現頁面內的內容元素數量減少,或圖形化元素模糊、分辨....
    的頭像 HarmonyOS開發者 發表于 05-20 09:53 ? 280次 閱讀

    華為p50 e的優缺點分別是怎樣的

    華為 P50E是華為公司于2022年3月16日正式發布的手機。
    的頭像 獨愛72H 發表于 05-19 15:17 ? 2541次 閱讀

    華為p50參數配置支持5g嗎

    華為p50是華為公司于2021年7月發布的一款旗艦手機,華為p50參數配置暫時不支持5g,雖然華為p....
    的頭像 lhl545545 發表于 05-19 11:13 ? 3000次 閱讀

    華為p50e怎么樣值得買嗎

    華為P50E是今年3月16日發布的新機,華為P50E是屬于華為P50系列,它的外觀延續了P50系列的....
    的頭像 lhl545545 發表于 05-19 10:18 ? 2484次 閱讀

    HarmonyOS應用開發例程-Img上一張下一張實現

    一.創建項目 二.示例代碼 (圖片自備) index.hml {{index}} index.css....
    的頭像 鴻蒙時代 發表于 05-18 10:36 ? 1975次 閱讀
    HarmonyOS應用開發例程-Img上一張下一張實現

    HarmonyOS服務開放平臺推出“崩潰服務能力”

    用戶在使用原子化服務時,出現卡頓、緩慢、閃退等情況就是典型的崩潰。盡管原子化服務在發布前都會經過嚴格....
    的頭像 科技綠洲 發表于 05-18 10:16 ? 408次 閱讀
    HarmonyOS服務開放平臺推出“崩潰服務能力”

    如何用低代碼實現簡單的頁面跳轉功能

    HUAWEI DevEco Studio(后文簡稱:IDE)自2020年9月首次發布以來,經10次迭....
    的頭像 科技綠洲 發表于 05-16 09:47 ? 418次 閱讀
    如何用低代碼實現簡單的頁面跳轉功能

    如何用低代碼實現一個簡單的頁面跳轉功能

    我們先開發第一個頁面,如圖4所示,第一個頁面是在容器中展示“低代碼入門”文本和“一鍵入門”按鈕,它們....
    的頭像 HarmonyOS開發者 發表于 05-16 09:45 ? 449次 閱讀

    HarmonyOS應用開發樣例-繪制圖像實現

    說明: 從API version 7開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始....
    的頭像 鴻蒙時代 發表于 05-13 11:12 ? 3920次 閱讀
    HarmonyOS應用開發樣例-繪制圖像實現

    HarmonyOS應用開發—qrcode二維碼生成

    一.創建項目 二.示例代碼 Hml代碼: TypeColor{{$item}}Background ....
    的頭像 鴻蒙時代 發表于 05-12 15:37 ? 230次 閱讀
    HarmonyOS應用開發—qrcode二維碼生成

    HarmonyOS 2.0.0.23X版本更新進度公告 來看看有沒有你

    的頭像 HarmonyOS官方合作社區 發表于 05-11 09:39 ? 345次 閱讀

    HarmonyOS應用開發教程 顯示開關功能與界面的實現

    一.創建項目 二.代碼示例 hml ? ? ?Js import prompt from '@sys....
    的頭像 鴻蒙時代 發表于 05-06 14:15 ? 4376次 閱讀
    HarmonyOS應用開發教程 顯示開關功能與界面的實現

    HarmonyOS應用開發案例 搜索界面功能實現

    一.創建項目 二.代碼示例 Index.hml {{title}} Index.css .conta....
    的頭像 鴻蒙時代 發表于 05-05 16:26 ? 2630次 閱讀
    HarmonyOS應用開發案例 搜索界面功能實現

    HarmonyOS原子化服務開發案例 計劃本的實現

    一.創建項目 二.代碼示例 hml代碼部分 時間: 至 計劃: 內容: 實現方式: ?css代碼部分....
    的頭像 鴻蒙時代 發表于 04-28 10:47 ? 7449次 閱讀
    HarmonyOS原子化服務開發案例 計劃本的實現
    欧美最猛性xxxxx潮喷,国产熟女出轨做受的叫床声,国产精品熟女视频一区二区,亚洲妇熟XXXX妇色黄
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>