本篇内容主要讲解“vuejs如何实现字符串转日期”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vuejs如何实现字符串转日期”吧!

成都创新互联是一家专业的成都网站建设公司，我们专注成都做网站、网站设计、网络营销、企业网站建设，卖链接，一元广告为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。

vuejs实现字符串转日期的方法：1、安装moment包；2、在组件中引入moment；3、使用“let str = moment(new Date()).format("YYYY-MM-DD hh:mm:ss")”方法转换即可。

本文操作环境：Windows7系统、Vue2.9.6版、DELL G3电脑

vuejs怎么实现字符串转日期？

JS和vue中日期格式的转换：

1.获取当前时间：

var now=new Date(); //Tue Oct 17 2017 18:08:40 GMT+0800 (中国标准时间)

获取当前时间的日期

new Date().getDate()   //17
 
new Date().toLocaleString()   //2017/10/17 下午6:08:40

2.引用moment.js将标准时间转化成YYYY-MM-DD hh:mm:ss

var time=moment(new Date()).format("YYYY-MM-DD hh:mm:ss");
//2017-10-17 06:08:40
 
var time=moment(new Date()).format("DD");  //17

获取当前时间的第二天

moment(new Date().setDate(new Date().getDate()+2)).format("YYYY-MM-DD hh:mm:ss")   //2017-10-19 06:08:40

3.将标准时间转换成时间戳

new Date().getTime()    //1508234920433

将YYYY-MM-DD日期转换成时间戳

var stringTime = "2014-07-10 10:21:12";
var timestamp2 = Date.parse(new Date(stringTime));
console.log( timestamp2 );// 1500286120000

4.将时间戳转换成标准时间和YYYY-MM-DD

new Date(parseInt('1508234920433'))
//Tue Oct 17 2017 18:08:40 GMT+0800 (中国标准时间)
 
moment(new Date(parseInt('1508234920433'))).format("YYYY-MM-DD hh:mm:ss")   //2017-10-19 06:08:40

5.vue中怎么使用moment格式转换日期？

1)先安装moment包：npm install moment

2)在组件中引入moment: import moment from "moment"

3)在组件中使用：let str = moment(new Date()).format("YYYY-MM-DD hh:mm:ss") //  2018-04-24 09:55:40

到此，相信大家对“vuejs如何实现字符串转日期”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

网页名称：vuejs如何实现字符串转日期
标题链接：http://ybzwz.com/article/jchdss.html