快捷導(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)文章

VueJs單頁(yè)應(yīng)用實(shí)現(xiàn)微信網(wǎng)頁(yè)授權(quán)及微信分享功能示例
本篇文章主要介紹了VueJs單頁(yè)應(yīng)用實(shí)現(xiàn)微信網(wǎng)頁(yè)授權(quán)及微信分享功能示例，具有一定的參考價(jià)值，有興趣的可以了解一下
2017-07-07
Vue2中配置Cesium全過(guò)程
這篇文章主要介紹了Vue2中配置Cesium全過(guò)程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-05-05
Vue2動(dòng)態(tài)添加屬性導(dǎo)致頁(yè)面不更新的原因與解決方案
在 Vue2 開(kāi)發(fā)中,經(jīng)常會(huì)遇到這樣一個(gè)問(wèn)題：對(duì)象新增屬性后,數(shù)據(jù)雖然更新了,但頁(yè)面并沒(méi)有隨之更新,本文將通過(guò)一個(gè)例子來(lái)說(shuō)明原因,并給出解決方案,需要的朋友可以參考下
2025-10-10
Vue進(jìn)度條progressbar組件功能
progressbar組件在一個(gè)可以直接運(yùn)行的npm包，通過(guò)Yeoman進(jìn)行構(gòu)建，再通過(guò)Gulp+Webpack構(gòu)建工具。這篇文章給大家介紹了Vue進(jìn)度條progressbar組件
2018-04-04
Vue3路由query參數(shù)實(shí)例詳解
文章介紹了Vue3路由的query參數(shù),包括其定義、使用方法以及如何在組件中接收和展示query參數(shù),通過(guò)一個(gè)簡(jiǎn)單的實(shí)例,展示了如何在路由配置中添加query參數(shù),并在子組件中通過(guò)計(jì)算屬性獲取和顯示這些參數(shù),感興趣的朋友跟隨小編一起看看吧
2025-12-12
Vue項(xiàng)目中在父組件中直接調(diào)用子組件的方法
這篇文章主要給大家介紹了Vue項(xiàng)目中如何在父組件中直接調(diào)用子組件的方法,文章通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2023-11-11
vant steps流程圖的圖標(biāo)使用slot自定義方式
這篇文章主要介紹了vant steps流程圖的圖標(biāo)使用slot自定義方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06
手動(dòng)掛載Vue3.0組件到DOM節(jié)點(diǎn)的方法
在VUE應(yīng)用中,經(jīng)常會(huì)使用一些非vue實(shí)現(xiàn)的js庫(kù),這些js庫(kù)可能要求外部傳入一些界面DOM節(jié)點(diǎn),本文主要介紹了手動(dòng)掛載Vue3.0組件到DOM節(jié)點(diǎn)的方法,感興趣的可以了解一下
2024-08-08
Vue如何獲取下拉框中選中的value值和label值
這篇文章主要介紹了Vue如何獲取下拉框中選中的value值和label值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2023-10-10
淺談vue3中effect與computed的親密關(guān)系
這篇文章主要介紹了淺談vue3中effect與computed的親密關(guān)系，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10