vue 将字符串转成date类型_JS和vue中日期格式的转换

这篇博客介绍了如何在Vue和JavaScript中进行日期格式的转换,包括将当前时间转化为不同格式,使用moment.js库进行日期格式化,字符串到时间戳以及时间戳到日期的转换,并提供了Vue中使用moment的实例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

java中日期格式的转换和应用

java中主要有3个类用于日期格式转换    DateFormat .SimpleDateFormat.Calendar SimpleDateFormat函数的继承关系: java.lang.Obje ...

js读取excel中日期格式转换问题

在使用js-xlsx插件来读取excel时,会将2018/10/16这种数据自动装换成48264.12584511. 所以需要自己手动再转换回来 // excel读取2018/01/01这种时间格式是 ...

SpringMVC中日期格式的转换

解决日期提交转换异常的问题 由于日期数据有很多种格式,所以springmvc没办法把字符串转换成日期类型.所以需要自定义参数绑定.前端控制器接收到请求后,找到注解形式的处理器适配器,对RequestM ...

转:SpringMVC中日期格式的转换

解决日期提交转换异常的问题 由于日期数据有很多种格式,所以springmvc没办法把字符串转换成日期类型.所以需要自定义参数绑定.前端控制器接收到请求后,找到注解形式的处理器适配器,对RequestM ...

[js] js和C# 时间日期格式转换

下午在搞MVC和EXTJS的日期格式互相转换遇到了问题,我们从.NET服务器端序列化一个DateTime对象的结果是一个字符串格式,如 '/Date(1335258540000)/' 这样的字串. 整 ...

js和C# 时间日期格式转换

下午在搞MVC和EXTJS的日期格式互相转换遇到了问题,我们从.NET服务器端序列化一个DateTime对象的结果是一个字符串格式,如 '/Date(1335258540000)/' 这样的字串. 整 ...

Vue引入日期格式插件moment.js

因为需求需要,接口传递过来的日期格式是一个时间戳,因此需要进行格式转换,老大给了插件地址,让我自己研究 插件地址:http://momentjs.cn/ 因为没有使用过,所有就开始各种百度,参考各位大 ...

php中时间戳和日期格式的转换

一,PHP时间戳函数获取指定日期的unix时间戳 strtotime(”2009-1-22″) 示例如下: echo strtotime(”2009-1-22″) 结果:1232553600 说明:返 ...

js中日期格式与时间戳格式互换

2014-04-23 18:55:49:123    日期格式 1398250549123        时间戳格式 前台显示日期格式,则 function tsToTime(ts) { var da ...

随机推荐

Windows Azure HandBook (2) Azure China提供的服务

对于传统的自建数据中心,从底层的Network,Storage,Servers,Virtualization,中间层的OS, ...

Ceph分层存储分析

最近弄Ceph集群考虑要不要加入分层存储 因此花了点时间研究了下 1,首先肯定要弄清Ceph分层存储的结构 ,结构图大概就是下图所示 缓存层(A cache tier)为Ceph客户端提供更好的I/O ...

window平台安装MongoDB

官网:www.mongodb.org 安装-->设置环境变量-->启动 1.下载: 根据系统下载 32 位或 64 位的 .msi 文件,下载后双击该文件,按提示安装即可, 2.设置安装目 ...

Redis Sets

Sets Sets 就是一个集合,集合的概念就是一堆不重复值的组合.利用Redis提供的Sets数据结构,可以存储一些集合性的数据,比如在微博应用中,可以将一个用户所有的关注人存在一个集合中,将其所有 ...

node在安装完成后,出现node不是内部或外部命令

node在安装完成后,查看node版本 node -v出现"node不是内部或外部命令"郁闷. 各种搜索之后,处理好了问题了. 一张图解决问题.

Python - SQLAlchemy之连表操作

ORM的两种创建方式 数据库优先:指的是先创建数据库,包括表和字段的建立,然后根据数据库生成ORM的代码,它是先创建数据库,再创建相关程序代码 代码优先:就是先写代码,然后根据代码去生成数据库结构. ...

Redis 上实现的分布式锁

转载Redis 上实现的分布式锁 由于近排很忙,忙各种事情,还有工作上的项目,已经超过一个月没写博客了,确实有点惭愧啊,没能每天或者至少每周坚持写一篇博客.这一个月里面接触到很多新知识,同时也遇到很多 ...

CST 公共生成树

本实验只讨论CST(公共的生成树) 一.实验前先理解生成树决策的4 个步骤: 二.实验拓扑 1. 实验描述: 由于业务的要求,要有可靠的链路,要对链路实现冗余,但链路的冗余有可能给网络带来广播风暴,重 ...

53. leetcode557. Reverse Words in a String III

557. Reverse Words in a String III Given a string, you need to reverse the order of characters in ea ...

js 声明提升

声明提前变量在声明之前已经可以使用了 js中的所有的变量声明都提升到函数体内的顶部 ,如下图 实际运行的情况是如下 function f1() {-- var scope ; console.log( ...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值