一、问题产生背景

  • vue使用FullCalendar插件时,点击日历获取点击的开始时间时,输出的格式为Date Wed Mar 17 2021 13:52:00 GMT+0800 (中国标准时间)格式。如下图:
    在这里插入图片描述

二、解决方式

1、FullCalendar插件中timeZone属性一定要设置为local,否则获取到的时间是中国标准时间+8小时。

<script>
 data(){
      return {
         calendarOptions: {
          plugins: [
             resourceTimelinePlugin,
             interactionPlugin // needed for dateClick
          ],
          timeZone: 'local',//默认值 local 是指使用操作系统的时区,可选:local、UTC、时区(如中国是 Asia/Shanghai )
         },
      }
 },
 </script>

2、转换为标准的yyyy-MM-dd hh:mm:ss格式。

 let y = date.getFullYear()
 let m = date.getMonth() + 1
 m = m < 10 ? ('0' + m) : m
 let d = date.getDate()
 d = d < 10 ? ('0' + d) : d
 let h =date.getHours()
 h = h < 10 ? ('0' + h) : h
 let M =date.getMinutes()
 M = M < 10 ? ('0' + M) : M
 let s =date.getSeconds()
 s = s < 10 ? ('0' + s) : s
 let dateTime= y + '-' + m + '-' + d + ' ' + h + ':' + M + ':' + s;

在这里插入图片描述
3、控制台输出格式如下图:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐