vue---工具函数

最新推荐文章于 2024-07-18 09:50:10 发布

原创最新推荐文章于 2024-07-18 09:50:10 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

Vue前端专栏收录该内容

8 篇文章

订阅专栏

博客主要介绍日期加减以及将日期格式化为YY-MM-DD HH:MM:SS的内容，涉及main.js和子组件，实现后可在子组件中使用这些功能，属于前端开发范畴。

日期加减以及格式化为YY-MM-DD HH:MM:SS

main.js

import { createApp } from 'vue'
import App from './App.vue'

const dateChangeAndFormatted=(changeSeconds)=>{
    const now = new Date();
    let newDate = new Date(now.getTime()+changeSeconds)
    const year = newDate.getFullYear();
    const month = String(newDate.getMonth() + 1).padStart(2, '0');
    const day = String(newDate.getDate()).padStart(2, '0');
    const hours = String(newDate.getHours()).padStart(2, '0');
    const minutes = String(newDate.getMinutes()).padStart(2, '0');
    const seconds = String(newDate.getSeconds()).padStart(2, '0');
    const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;

    console.log(formattedDate);
    return formattedDate
}
const app = createApp(App)
    app.provide("dateChangeAndFormatted",dateChangeAndFormatted)
        .mount('#app')

子组件

  setup() {
    let dateChangeAndFormatted = inject("dateChangeAndFormatted")
    return {formInline, moment, dateChangeAndFormatted}
  },

这样就可以在子组件中使用了

this.dateChangeAndFormatted(0)