使用vue2+elementUi實現(xiàn)日期選擇輸入框的時間格式轉(zhuǎn)換、根據(jù)數(shù)據(jù)的情況自動化格式為需要的格式
如果只是需要修改傳給后端的值或者格式,可以使用 value-format實現(xiàn),可以在文檔上查看詳細的介紹
<el-date-picker v-dateFormat v-model="Object.time" placeholder="請選擇時間" value-format="yyyy-MM-dd">
如果是根據(jù)輸入的內(nèi)容,來轉(zhuǎn)換格式比如下面這樣
文章來源:http://www.zghlxwxcb.cn/news/detail-615053.html
轉(zhuǎn)換為或者類似格式
使用自定義指令,首先需要創(chuàng)建一個自定義指令代碼的存放位置,我是/utils/directive/dataForm/dataformat.js這個路徑創(chuàng)建的內(nèi)容
自定義指令內(nèi)容文章來源地址http://www.zghlxwxcb.cn/news/detail-615053.html
```javascript
import moment from "moment"; //引入js日期處理類庫
import Vue from "vue";
export let dateFormat = () => {
Vue.directive("dateFormat", {
inserted: function (el, binding, vnode) {
c
到了這里,關(guān)于vue + element實現(xiàn)el-date-picker的時間格式轉(zhuǎn)換,以及自定義時間格式,修改輸入的時間格式的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!