vue时间字符串"2021年12月20日"转date对象 返回 Invalid date的问题

最近遇到一个问题，有一些特殊处理的时间字符串如果直接使用new Date会导致输出Invalid Date的问题，例如

因为这里的时间字符串并不是标准的时间格式，是一个特殊处理过的。

我们知道这种特殊的时间字符串是通过一些自定义函数或Momentjs加时间模板来生成的。那我们可不可以用时间模板反义回Date数据呢？自定义处理这类似的问题估计会很复杂，查找Momentjs的方法，发现Momentjs可以使用自定义时间模板来格式化时间字符串

先安装Moment

利用Momentjs格式化时间字符串生成Date数据

附上Momentjs 的官网链接 >};<template>

    <!-- 过滤器  time 可以使后台得到的数据，循环出来的也行 -->

    <div>{{time | formatDate}}</div>

    <!-- 输出结果 -->

    <!-- <div>2016-07-23 21:52</div> -->

</template>

<script>

import {formatDate} from '/common/datejs';

export default {

    filters: {

        formatDate(time) {

            var date = new Date(time);

            return formatDate(date, 'yyyy-MM-dd hh:mm');

        }

    }

}

</script>

vue自定义时间的方法是：

1、首先进入vue主页，然后找到右上角的设置；

2、然后选择默认时长；

3、最后选择需要拍摄的时长即可。

Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案。Vue系列有很多不同的产品，这是为了满足不同阶层的用户的需要：可以满足专业的制作工作室，同样也能满足3D自由艺术家。PEARSONEDUCATION是PEARSON旗下的从事教育和出版行业的机构。迄今，已为全球超过1亿人提供了培训，是教育、出版一体化领域的佼佼者。拥有PEARSONPRENTICEHALL、PEARSONLONGMAN、PEARSONSCOTTFORESMAN等知名品牌，PEARSONEDUCATION将继续面向世界，利用各种媒介手段源源不断地提供高质量的读物、实用的评估工具和先进的教育服务。

以上就是关于vue时间字符串"2021年12月20日"转date对象 返回 Invalid date的问题全部的内容，包括:vue时间字符串"2021年12月20日"转date对象 返回 Invalid date的问题、vue.js怎样将时间戳转化为日期格式、vue怎么自定义时间等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！