el-date-picker與el-time-picker的時間格式設(shè)置代碼
更新時間：2023年11月10日 14:22:05 作者：SoporAeternus2022
這篇文章主要介紹了el-date-picker與el-time-picker的時間格式設(shè)置代碼,代碼簡單易懂,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
el-date-picker與el-time-picker的時間格式設(shè)置
el-date-picker與el-time-picker的時間格式設(shè)置代碼
<el-form-item label="Activity time">
<el-col :span="8">
<el-date-picker v-model="form.date1" :format="'yyyy-MM-DD'" value-format="yyyy-MM-dd" type="date" placeholder="Pick a date" style="width: 100%;" />
</el-col>
<el-col :span="3" class="line">-</el-col>
<el-col :span="8">
<el-time-picker v-model="form.date2" :format="'HH:mm'" value-format="HH:mm" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />
</el-col>
</el-form-item>
<el-form-item label="Is Active" prop="isActic">
<el-switch v-model.trim="form.isActic" name="isActic"/>
</el-form-item> 界面顯示使用:format="'yyyy-MM-DD'" :format="'HH:mm'"
傳給后臺的值用 value-format="yyyy-MM-dd" value-format="HH:mm"
el-date-picker如果沒有設(shè)置:format的話，有概率的會出現(xiàn)選擇日期后，控件上并沒有顯示出來
vue的elementui的時間控件 如何設(shè)置輸出時間格式（el-date-picker：日期選擇器、日期時間選擇器）
注：使用value-format
<el-date-picker
class="topfontstyle"
v-model="listMain.time"
type="daterange"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結(jié)束日期">
</el-date-picker>到此這篇關(guān)于el-date-picker與el-time-picker的時間格式設(shè)置的文章就介紹到這了,更多相關(guān)el-date-picker與el-time-picker時間格式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在學(xué)習JavaScript中的繼承機制時,我們常常會遇到原型和原型鏈這兩個概念,在初學(xué)階段,不理解這些概念很容易陷入迷茫,甚至會導(dǎo)致學(xué)習 JS 的路程變得曲折,本文將介紹JavaScript原型和原型鏈的概念、設(shè)計思想以及相關(guān)的使用方法,需要的朋友可以參考下2023-07-07
如何通過JavaScript、css、H5實現(xiàn)簡單的tab欄切換和復(fù)用功能
tab切換在項目中也算是常用技術(shù),一般實現(xiàn)tab切換都用js或者jq實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于如何通過JavaScript、css、H5實現(xiàn)簡單的tab欄切換和復(fù)用功能的相關(guān)資料,需要的朋友可以參考下2022-11-11
前端使用pdf.js實現(xiàn)pdf轉(zhuǎn)為圖片
這篇文章主要為大家詳細介紹了前端如何使用pdf.js實現(xiàn)pdf轉(zhuǎn)為圖片功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習一下2024-04-04
JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解
這篇文章主要給大家介紹了關(guān)于JS數(shù)組索引檢測中的數(shù)據(jù)類型問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2021-01-01
Ajax異步提交表單數(shù)據(jù)的說明及方法實例，需要的朋友可以參考一下2013-06-06
最近遇到一個小程序的開發(fā)需求,直接可以通過小程序就記錄運動軌跡,所以這篇文章主要給大家介紹了關(guān)于微信小程序記錄用戶移動軌跡的相關(guān)資料,需要的朋友可以參考下2021-08-08
這篇文章主要介紹了JavaScript如何獲取一個元素的樣式信息,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2019-07-07
JavaScript幾種數(shù)組去掉重復(fù)值的方法推薦
下面小編就為大家?guī)硪黄狫avaScript幾種數(shù)組去掉重復(fù)值的方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看2016-04-04
永遠不知道你可以改變的內(nèi)容，一個HTML元素？也許你要取代的文字段落中，以反映什么訪客選定剛剛從下拉框中。通過操縱一個元素的innerHtml您可以變更您的文本和HTML多達你喜歡。2013-08-08
本篇文章主要介紹了Webpack自動化構(gòu)建實踐指南，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12