JS和VUE中日期格式的转换

转载自大佬:JS和vue中日期格式的转换 - MissSu - 博客园转载自大佬:

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

Vue进行日期格式转换有多种方法。一种方法是使用day.js库。可以通过引入day.js并在Vue组件使用它来格式化时间。首先,需要使用import语句将dayjs导入到组件。然后,在组件的data属性定义一个date属性来保存日期对象。接下来,在computed属性创建一个名为formattedDate的计算属性,并在其使用dayjs函数将date属性转换为dayjs对象,并使用format方法指定所需的时间格式,例如'YYYY-MM-DD HH:mm:ss'。最后,将formattedDate作为模板需要显示格式日期的地方的绑定值使用。这样就能实现Vue日期格式转换了。 另一种方法是使用moment.js库。与day.js类似,需要使用import语句将moment.js导入到Vue组件。然后,在组件的data属性定义一个date属性来保存日期对象。接下来,在computed属性创建一个名为formattedDate的计算属性,并在其使用moment函数将date属性转换为moment对象,并使用format方法指定所需的时间格式,例如'YYYY-MM-DD HH:mm:ss'。最后,将formattedDate作为模板需要显示格式日期的地方的绑定值使用。这样就能实现Vue日期格式转换了。 总结起来,使用day.js或moment.js库都可以在Vue进行日期格式转换。只需将库导入到组件,然后在computed属性创建一个计算属性来进行格式化,并在模板使用该计算属性的绑定值来显示格式化后的日期。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue 常用 时间格式化方式](https://blog.csdn.net/qq_44333271/article/details/131598097)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值