vue如何轉(zhuǎn)換時(shí)間格式為年月日時(shí)分秒和年月日(補(bǔ)零)
更新時(shí)間：2024年04月25日 11:36:58 作者：施玥喵
這篇文章主要介紹了vue如何轉(zhuǎn)換時(shí)間格式為年月日時(shí)分秒和年月日(補(bǔ)零),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
一.vue轉(zhuǎn)換時(shí)間為年月日（補(bǔ)零）
datatime(value) {
var data = new Date(value);
var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
this.addForm.enter_date = data.getFullYear() + "-" + month + "-" + date;
console.log( this.addForm.enter_date)
},
效果圖
二.vue 轉(zhuǎn)換時(shí)間格式 為年月日時(shí)分秒
方法一
在main.js引入 過濾器
Vue.filter('dateFormat', function(originVal) {
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
return `${y}-${m}-$vvxyksv9kd ${hh}:${mm}:${ss}`
})在需要的組件里
<el-table-column label="發(fā)生日期和時(shí)刻" align="center">
<template slot-scope="scope">{{scope.row.guzhangStartTime | dateFormat}}</template>
</el-table-column>
//guzhangStartTime 是你表格數(shù)據(jù)里拿到的字段方法二
npm i moment --save
在main.js中
//轉(zhuǎn)換時(shí)間格式
import moment from 'moment/moment'
Vue.filter('moment', function (value, formatString) {
formatString = formatString || 'YYYY-MM-DD';
return moment(value).format(formatString);
});在需要的組件里
<el-table-column label="故障記錄日期" align="center">
<template slot-scope="scope">{{scope.row.guzhangjiluTime | moment}}</template>
</el-table-column>效果圖
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中使用video.js實(shí)現(xiàn)截圖和視頻錄制與下載
這篇文章主要為大家詳細(xì)介紹了Vue中如何使用video.js實(shí)現(xiàn)截圖和視頻錄制與下載,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
這篇文章主要介紹了vue原生滿屏滾動(dòng)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Vue實(shí)現(xiàn)Base64編碼與解碼的代碼示例
在Web開發(fā)中,Base64編碼常用于將二進(jìn)制數(shù)據(jù)轉(zhuǎn)換為文本字符串,以便在網(wǎng)絡(luò)上傳輸,在Vue.js應(yīng)用中,Base64編碼廣泛應(yīng)用于圖像的嵌入,本文將詳細(xì)介紹如何在Vue.js中實(shí)現(xiàn)Base64編碼與解碼,并提供多種示例和實(shí)現(xiàn)思路,需要的朋友可以參考下2024-09-09
vue實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的4種方法舉例
這篇文章主要給大家介紹了關(guān)于vue實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的4種方法,文中通過代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue覺有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
使用form-create動(dòng)態(tài)生成vue自定義組件和嵌套表單組件
這篇文章主要介紹了使用form-create動(dòng)態(tài)生成vue自定義組件和嵌套表單組件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
相信開發(fā)中或多或少都會(huì)有使用md的時(shí)候。那么一個(gè)簡(jiǎn)易的md編輯器顯得尤為重要，如果想要在自己的項(xiàng)目中添加一個(gè)md編輯器，那么不妨來看看這篇文章2021-10-10
這篇文章主要介紹了vue如何自定義按鈕單選和多選問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
VUE2—defineProperty和VUE3—proxy使用方式
Vue2和Vue3的響應(yīng)式原理不同,Vue2使用Object.defineProperty,Vue3使用Proxy,Object.defineProperty可以監(jiān)聽某個(gè)屬性,但不能監(jiān)聽整個(gè)對(duì)象,且無法監(jiān)聽對(duì)象屬性的新增和刪除,Proxy可以監(jiān)聽整個(gè)對(duì)象,且不會(huì)修改原數(shù)據(jù),可以監(jiān)聽數(shù)組的長度變化2025-01-01
vue項(xiàng)目在webpack2實(shí)現(xiàn)移動(dòng)端字體自適配功能
這篇文章主要介紹了vue項(xiàng)目在webpack2實(shí)現(xiàn)移動(dòng)端字體自適配的相關(guān)知識(shí)，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06
這篇文章主要給大家介紹了關(guān)于vue圖片懶加載代碼實(shí)現(xiàn)的相關(guān)資料,所謂圖片懶加載是指當(dāng)我們?yōu)g覽頁面時(shí),只加載我們?yōu)g覽器可視區(qū)的圖片,向下滾動(dòng)時(shí)再繼續(xù)加載后面的圖片,需要的朋友可以參考下2023-07-07