亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Element Plus 日期選擇器獲取選中的日期格式(當(dāng)前日期/時間戳格式)

 更新時間:2023年10月18日 15:09:23   作者:.星空.  
如果想要獲取選中的日期時間就需要通過,Element Plus 日期選擇器?format屬性和value-format屬性,format指定輸入框的格式,value-format?指定綁定值的格式,本篇文章就給大家介紹Element Plus 日期選擇器獲取選中的日期格式(當(dāng)前日期/時間戳格式),感興趣的朋友一起看看吧

Element Plus的日期選擇器如果沒有進(jìn)行處理,就會返回data格式:

1.轉(zhuǎn)換為選中的日期

如果想要獲取選中的日期時間就需要通過,Element Plus 日期選擇器 format屬性和value-format屬性。format指定輸入框的格式。 value-format 指定綁定值的格式。

為日期選擇器添加下面的代碼,那么獲取的值就會變成你選中的日期

format="YYYY/MM/DD"

 value-format="YYYY-MM-DD"

  <el-date-picker
        v-model="value"
        type="date"
        placeholder="請選擇時間"
        format="YYYY/MM/DD"
        value-format="YYYY-MM-DD"
      />

效果圖:

 2.轉(zhuǎn)換為時間戳格式

如果想要轉(zhuǎn)換為時間戳格式,也是需要更改 value-format屬性。將value-format屬性改為:

value-format="x" 即可。

代碼:

<el-date-picker
        v-model="value"
        type="date"
        placeholder="請選擇時間"
        format="YYYY/MM/DD"
        value-format="x"
          />

效果圖:

到此這篇關(guān)于Element Plus 日期選擇器 獲取選中的日期的格式(當(dāng)前日期/時間戳格式)的文章就介紹到這了,更多相關(guān)Element Plus 日期選擇器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue3封裝hooks實現(xiàn)實時獲取麥克風(fēng)音量

    Vue3封裝hooks實現(xiàn)實時獲取麥克風(fēng)音量

    這篇文章主要為大家詳細(xì)介紹了Vue3如何通過封裝一個hooks實現(xiàn)實時獲取麥克風(fēng)音量功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下
    2024-03-03
  • 關(guān)于Vue組件庫開發(fā)詳析

    關(guān)于Vue組件庫開發(fā)詳析

    這篇文章主要給大家介紹了關(guān)于Vue組件庫開發(fā)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-07-07
  • vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼

    vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼

    這篇文章主要介紹了vue2.0+ 從插件開發(fā)到npm發(fā)布的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04
  • Vue 實現(xiàn)高級穿梭框 Transfer 封裝過程

    Vue 實現(xiàn)高級穿梭框 Transfer 封裝過程

    本文介紹了基于Vue2和Element-UI實現(xiàn)的高級穿梭框組件Transfer的設(shè)計與技術(shù)方案,組件支持多項選擇,并能實時同步已選擇項,包含豎版和橫版設(shè)計稿,并提供了組件的使用方法和源碼,此組件具備本地分頁和搜索功能,適用于需要在兩個列表間進(jìn)行數(shù)據(jù)選擇和同步的場景
    2024-09-09
  • Vue打包后訪問靜態(tài)資源路徑問題

    Vue打包后訪問靜態(tài)資源路徑問題

    在本篇文章里小編給各位整理的是關(guān)于Vue打包后訪問靜態(tài)資源路徑問題相關(guān)知識點,需要的朋友們學(xué)習(xí)下。
    2019-11-11
  • 詳解Vue單元測試case寫法

    詳解Vue單元測試case寫法

    這篇文章主要介紹了詳解Vue單元測試case寫法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05
  • Vue詳細(xì)的入門筆記

    Vue詳細(xì)的入門筆記

    這篇文章主要介紹了Vue詳細(xì)的入門筆記,對Vue感興趣的同學(xué),可以參考下
    2021-05-05
  • 如何利用vue3實現(xiàn)一個俄羅斯方塊

    如何利用vue3實現(xiàn)一個俄羅斯方塊

    俄羅斯方塊這個游戲相信大家都玩過,下面這篇文章主要給大家介紹了關(guān)于如何利用vue3實現(xiàn)一個俄羅斯方塊的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-01-01
  • vue 父組件通過$refs獲取子組件的值和方法詳解

    vue 父組件通過$refs獲取子組件的值和方法詳解

    今天小編就為大家分享一篇vue 父組件通過$refs獲取子組件的值和方法詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • Vue局部組件數(shù)據(jù)共享Vue.observable()的使用

    Vue局部組件數(shù)據(jù)共享Vue.observable()的使用

    隨著組件的細(xì)化,就會遇到多組件狀態(tài)共享的情況,今天我們介紹的是 vue.js 2.6 新增加的 Observable API ,通過使用這個 api 我們可以應(yīng)對一些簡單的跨組件數(shù)據(jù)狀態(tài)共享的情況,感興趣的可以了解一下
    2021-06-06

最新評論