moment转化时间戳出现Invalid Date

Cherry☼

已于 2023-04-27 09:35:54 修改

阅读量8.1k

点赞数 2

分类专栏： moment 文章标签： vue.js

于 2021-02-26 09:31:16 首次发布

本文链接：https://blog.csdn.net/qq_41295954/article/details/114113343

版权

moment 专栏收录该内容

1 篇文章

订阅专栏

在Vue项目里，使用moment转换时间戳时出现Invalid Date问题。经检查，是后端接口返回字段在数据传递中类型变化，将字符串用Number()转为数字类型可正常显示。同时，为避免时间戳为空时显示1970 - 01 - 01，用三目运算进行判断。

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

项目用在使用moment转换时间戳的时候出现Invalid Date

通过后端接口发现接口返回的字段是 beginTime: “1612922019029”
在这里插入图片描述
在数据传递得过程中类型发生了变化所以得把字符串用Number()转化下数字类型即可正常显示

// 转换数字类型
beginTime: this.$moment(Number(item.beginTime)).format(
 "YYYY-MM-DD"
),

还有个小问题就是如果某个时间戳为空是时，则会显示1970-01-01
在这里插入图片描述
后端返回的字段
所以为了防止显示1970-01-01，所以通过三目运算判断一下

 endTime:
	   item.endTime == ""
	     ? ""
	     : this.$moment(Number(item.endTime)).format("YYYY-MM-DD"),

这样页面上页就不会出现1970-01-01

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Cherry☼

关注关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

nodejs使用Moment.js操作日期时间

蛐蛐的博客

03-16

1899

文档：http://momentjs.cn/ 1.简介 Moment 被设计为在浏览器和 Node.js 中都能工作。所有的代码都应该在这两种环境中都可以工作，并且所有的单元测试都应该在这两种环境中运行。 CI 系统当前使用以下的浏览器：Windows XP 上的 Chrome，Windows 7 上的 IE 8、9 和 10，Windows 10 上的 IE 11，Linux 上最新的 Firefox，OSX 10.8 和 10.11 上最新的 Safari。 2.安装 ...

moment.js | Invalid date

skylar的博客

08-10

237

将时间戳转换为number。

4 条评论您还未登录，请先登录后发表或查看评论

使用moment回显出现Invalid Date的问题如何解决？

2301_79420857的博客

11-21

778

一般在使用 moment 后遇到的问题，这通常是意味着传递给 moment 的日期字符串格式与 moment 所期望的格式不匹配（通俗来讲就是你传递的格式与你数据的格式不一致而导致的）又或者说是日期字符串它本身就是无效的。

moment.js 在谷歌chrome中显示正常，在火狐Firefox和safari中显示Invalid Date

尢尢12344

07-23

3882

问题：前提条件 - 要处理的时间： 2018.08.16 10:00 - 处理要的格式： 2018/08/16 10:00 出现的问题 - chrome显示正常结果 - Firefox和safari中显示Invalid Date 最后的结论 - 其实不是moment.js的锅，这个是Firefox和safari 本来就不支持’ . ‘这种时间格式。 - 可以使用m...

解决new Date转换时间戳时输出为Invalid Date、NaN-NaN的问题

qq_51389038的博客

09-16

1079

【代码】解决new Date转换时间戳时输出为Invalid Date、NaN-NaN的问题。

vue通过moment插件以及全局filter将时间戳转换成时间报错invalid date

weixin_43286206的博客

07-25

1439

极有可能是数据库返回的时间戳格式是字符串类型将字符串转换为数字类型就可以试试了

关于Moment.js和React的格式问题Invalid date

weixin_43457749的博客

01-22

4645

最近在写React,遇到一点问题,时间戳转换格式 render: val => <span>{moment(val).format('YYYY-MM-DD ')}</span>, 这边 val 需要是一个num类型如果传递一个字符串就会变成抛出 Invalid date render: val => <span>{moment(parseInt(...

Moment.js+Vue过滤器的使用，各种时间格式转换为YYYY-MM-DD HH:mm:ss格式

qq_36818931的博客

01-05

2604

文章目录前言一、Moment.js是什么？二、使用步骤1.安装2.在过滤器中添加function3.在template中使用总结前言这篇文章将Moment.js与vue过滤器连用。如果不会过滤器的朋友，可以先看这篇文章vue过滤器一、Moment.js是什么？ Moment.js是JavaScript 日期处理类库。使用场景：vue项目中经常需要将时间戳转换为各种时间格式再显示。二、使用步骤 1.安装这里只展示Node.js的安装方法。其余安装方式详见Moment.js文档 Node..

JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

11-28

使用其他浏览器访问，好嘛，IE跟safari都不兼容，返回错误”Invalid Date”。想着估计是字符串格式的问题，改成’2016/11/11 11:11:11’再测试，结果正常，以为这样应该没问题了，再用手机浏览器继续访问，android...

JS中Safari浏览器中的Date

10-19

在大多数浏览器中，这个格式是可以被接受的，但Safari却无法正确解析它，导致"Invalid Date"的错误。为了解决这个问题，我们需要将日期字符串中的"-"替换为"/"，转换为"2017/01/01 12:00:00"，这样Safari就可以正确...

nodejs 时间戳

最新发布

01-05

if (isNaN(dateObj)) throw Error("Invalid Date"); return dateObj.getTime(); // 返回自纪元以来经过的毫秒数 } catch(error){ console.error("Error converting string to timestamp:", error.message); ...

vue中时间格式化moment在组件和函数中的使用以及解决Invalid date问题

qq_39111164的博客

08-25

3444

1、先使用npm命令安装moment npm install moment --save 2、在main.js文件里引用moment import moment from 'moment' Vue.filter('dateformat', function(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') { return moment(dataStr).format(pattern) }) 3、使用（1）在组件中使用 <div class="time"&gt

js 中出现 invalid date问题

wxz20150701的博客

01-04

2372

month:用英文表示月份名称 mth:用整数表示月份 dd:表示一个月中的第几天 yyyy:四位数表示的年份 hh:小时数 mm: 分钟数 ss:秒数 ms:毫秒数 var time= this.formatDate(now.getFullYear(), now.getMonth(), 1); time = time.replace(/-/g,':').replace(' ',':'); ...

前端控制台提示invalid date

wangzhen12138的博客

05-22

1515

确保您的时间戳字符串只包含数字，并且是一个有效的、表示自1970年1月1日以来的毫秒数的数字。如果时间戳是从其他地方获取的，可能需要检查它的来源以确保其有效性。构造函数的字符串或数值无法被解析为一个有效的日期。对于时间戳来说，确保它是一个有效的数字（表示自1970年1月1日00:00:00 UTC以来的毫秒数）。如果您的时间戳确实是一个无效值，那么您需要找到正确的时间戳来源，或者使用其他日期字符串格式与。如果转换失败，我们会打印出一个错误消息。以下是一个确保时间戳有效，并将其转换为。

IOS移动端，safari浏览器中时间格式的问题以及显示invalid date

yuansusu_的博客

10-08

1212

在开发移动端时，安卓和Ios平台时间显示，接口参数在安卓移动端中，可以识别任何大部分常见的时间格式，，在使用插件都可以转换成指定的格式。上面的时间转换在安卓手机的浏览器上运行和打印是正常显示指定的时间，但是在IOS平台的浏览器中显示的 I。

时间戳 格式化 -> Invalid Date

GC怪兽的Blog

04-06

3429

原始代码 console.log(new Date(value.datetime)) 转换失败!!! 问题解析：中文问题，导致转换失败测试 console.log(typeof value.datetime) console.log(new Date(value.datetime)) 修复+封装 function Utils() { } const forma...

moment（一个js时间格式化处理库）使用及踩坑