快捷導(dǎo)航

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

更新時(shí)間：2023年10月18日 15:09:23 作者：.星空.

如果想要獲取選中的日期時(shí)間就需要通過(guò),Element Plus 日期選擇器?format屬性和value-format屬性,format指定輸入框的格式,value-format?指定綁定值的格式,本篇文章就給大家介紹Element Plus 日期選擇器獲取選中的日期格式(當(dāng)前日期/時(shí)間戳格式）,感興趣的朋友一起看看吧

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

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

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

format="YYYY/MM/DD"

value-format="YYYY-MM-DD"

  <el-date-picker
        v-model="value"
        type="date"
        placeholder="請(qǐng)選擇時(shí)間"
        format="YYYY/MM/DD"
        value-format="YYYY-MM-DD"
      />

效果圖：

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

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

value-format="x" 即可。

代碼：

<el-date-picker
        v-model="value"
        type="date"
        placeholder="請(qǐng)選擇時(shí)間"
        format="YYYY/MM/DD"
        value-format="x"
          />

效果圖：

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

您可能感興趣的文章:

相關(guān)文章

Vue3封裝hooks實(shí)現(xiàn)實(shí)時(shí)獲取麥克風(fēng)音量
這篇文章主要為大家詳細(xì)介紹了Vue3如何通過(guò)封裝一個(gè)hooks實(shí)現(xiàn)實(shí)時(shí)獲取麥克風(fēng)音量功能,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下
2024-03-03
關(guān)于Vue組件庫(kù)開(kāi)發(fā)詳析
這篇文章主要給大家介紹了關(guān)于Vue組件庫(kù)開(kāi)發(fā)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-07-07
vue2.0+ 從插件開(kāi)發(fā)到npm發(fā)布的示例代碼
這篇文章主要介紹了vue2.0+ 從插件開(kāi)發(fā)到npm發(fā)布的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
Vue 實(shí)現(xiàn)高級(jí)穿梭框 Transfer 封裝過(guò)程
本文介紹了基于Vue2和Element-UI實(shí)現(xiàn)的高級(jí)穿梭框組件Transfer的設(shè)計(jì)與技術(shù)方案,組件支持多項(xiàng)選擇,并能實(shí)時(shí)同步已選擇項(xiàng),包含豎版和橫版設(shè)計(jì)稿,并提供了組件的使用方法和源碼,此組件具備本地分頁(yè)和搜索功能,適用于需要在兩個(gè)列表間進(jìn)行數(shù)據(jù)選擇和同步的場(chǎng)景
2024-09-09
Vue打包后訪問(wèn)靜態(tài)資源路徑問(wèn)題
在本篇文章里小編給各位整理的是關(guān)于Vue打包后訪問(wèn)靜態(tài)資源路徑問(wèn)題相關(guān)知識(shí)點(diǎn)，需要的朋友們學(xué)習(xí)下。
2019-11-11
詳解Vue單元測(cè)試case寫(xiě)法
這篇文章主要介紹了詳解Vue單元測(cè)試case寫(xiě)法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-05-05
Vue詳細(xì)的入門筆記
這篇文章主要介紹了Vue詳細(xì)的入門筆記，對(duì)Vue感興趣的同學(xué)，可以參考下
2021-05-05
如何利用vue3實(shí)現(xiàn)一個(gè)俄羅斯方塊
俄羅斯方塊這個(gè)游戲相信大家都玩過(guò),下面這篇文章主要給大家介紹了關(guān)于如何利用vue3實(shí)現(xiàn)一個(gè)俄羅斯方塊的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-01-01
vue 父組件通過(guò)$refs獲取子組件的值和方法詳解
今天小編就為大家分享一篇vue 父組件通過(guò)$refs獲取子組件的值和方法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-11-11
Vue局部組件數(shù)據(jù)共享Vue.observable()的使用
隨著組件的細(xì)化，就會(huì)遇到多組件狀態(tài)共享的情況，今天我們介紹的是 vue.js 2.6 新增加的 Observable API ，通過(guò)使用這個(gè) api 我們可以應(yīng)對(duì)一些簡(jiǎn)單的跨組件數(shù)據(jù)狀態(tài)共享的情況，感興趣的可以了解一下
2021-06-06