Vue：使用过滤器进行日期格式化

最新推荐文章于 2023-08-01 17:37:59 发布

解枷

最新推荐文章于 2023-08-01 17:37:59 发布

阅读量389

点赞数

分类专栏： vue 文章标签： vue 过滤器 filter

本文链接：https://blog.csdn.net/weixin_47398531/article/details/107264913

版权

本文介绍如何在Vue.js应用中使用内置过滤器或自定义过滤器进行日期格式化，展示日期显示的实例效果。

摘要由CSDN通过智能技术生成

<body>
    <div id="app">
        <div>{
   {
   date | formatDate('yyyy-MM-dd hh:mm:ss')}}</div>
    </div>

    <script src=" https://cdn.jsdelivr.net/npm/vue/dist/vue.js "></script>
    <script>
        // Vue.filter('format', function(value, arg) {
   
        //     // 处理日期格式
        //     if (arg == 'yyyy-mm-dd') {
   
        //         var ret = '';
        //         ret += value.getFullYear() + '-' + (value.getMonth() + 1) + '-' + value.getDate();
        //     }
        //     return ret;
        // });
        Vue.filter('formatDate', function(value, arg) {
   
            function dateFormat(date