首页 > web前端 > Vue.js > 正文

vuejs怎么实现字符串转日期

藏色散人
发布: 2021-11-04 11:27:54
原创
16128 人浏览过

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

vuejs怎么实现字符串转日期

本文操作环境: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

推荐学习:《最新的5个vue.js视频教程精选

以上是vuejs怎么实现字符串转日期的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板