开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Momentjs显示isValid为真，控制台日志显示正确的日期，并闪现了正确的.fromNow()，但很快更改为无效日期

Moment.js是一个流行的JavaScript日期处理库，用于解析、验证、操作和显示日期和时间。在给定的问答内容中，问题描述了使用Moment.js显示的日期在一开始是有效的，但很快变为无效日期的情况。

这种情况可能是由于以下原因导致的：

日期格式不正确：Moment.js对日期格式非常敏感。如果提供的日期字符串不符合Moment.js所期望的格式，它可能无法正确解析日期。请确保提供的日期字符串与Moment.js所期望的格式匹配。
时区问题：Moment.js默认使用本地时区来解析和显示日期。如果您的应用程序在不同的时区中运行，可能会导致日期显示不正确。您可以使用Moment.js的时区插件来处理时区问题。
日期范围问题：Moment.js对日期范围进行了验证，如果提供的日期超出了Moment.js所支持的范围，它可能会将其视为无效日期。请确保提供的日期在Moment.js所支持的范围内。

解决这个问题的方法可能是：

检查日期格式：确保提供的日期字符串与Moment.js所期望的格式匹配。您可以参考Moment.js的文档来了解支持的日期格式。
检查时区设置：如果您的应用程序在不同的时区中运行，可以使用Moment.js的时区插件来处理时区问题。您可以参考Moment.js的时区插件文档来了解如何正确设置时区。
检查日期范围：确保提供的日期在Moment.js所支持的范围内。Moment.js对日期范围进行了验证，如果提供的日期超出了范围，它可能会将其视为无效日期。

总结起来，要解决Moment.js显示日期为有效后变为无效的问题，您需要确保提供的日期格式正确、时区设置正确，并且日期在Moment.js所支持的范围内。如果问题仍然存在，您可以提供更多的代码和错误信息，以便更好地帮助您解决问题。

关于Moment.js的更多信息和使用示例，您可以参考腾讯云的Moment.js产品介绍链接地址：Moment.js产品介绍

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我的NodeJS学习之路8（优化体验）

正如官网的介绍，我觉得这货是一个全能的处理日期的中间件。...细心的朋友可以发现，Momentjs也提供了bower的安装包，所以直接可以在前台使用，但是我们并不推荐这样做，把处理放到前台会影响用户的体验。所以我们使用npm包放到后台去处理。...span> 更多Momentjs用法请参考官方文档使用Gravatar中间件显示全球公认的头像 Gravatar（英语：Globally Recognized Avatar）是一项用于提供在全球范围内使用的头像服务...在本例中使用为了能正确展示注册用户的头像信息，我们需要强制注册用户都填写email信息。...集成Markdown编辑器并渲染显示 Markdown相比较传统的富文本编辑器，拥有便捷、快速、专注内容等特点，特别是作为一个程序员，使用markdown可以快速地将我们的代码片段记录下来，方便以后查看

1.5K4 0

2020年面向前端开发人员的10个很棒的 JS 库

因为这样的库有明确的用途，有更长生成的迭代，如果遇到问题更容易找到解决方法，最主要的一点是提高开发效率，缩短开发周期。这里并不是说我们每个项目都要使用第三方库。...主要功能是：不变性和无副作用的函数几乎所有的函数都是自动柯里化的参数设置为Ramda函数，便于进行柯里化 2....Moment github: https://github.com/moment/moment 文档： https://momentjs.com/ 如果必须处理日期的操作、验证、解析或格式化，Moment...以下是一些有关Moment的示例： moment().startOf('day').fromNow(); //8 hours ago moment('2019-15-11').isValid() //false...它几乎可以与任何Markdown一起使用，并具有自动语言检测功能。 Highlight.js将在标记之间搜索编程代码，尝试自动检测语言并突出显示语法。

1.3K1 0

Flask-Admin修改成中文显示

使用flask-babelex包修改Flask-Admin为中文显示。...}">{{post.author.nickname}} said {{momentjs(post.timestamp).fromNow()}}: 这里我们要翻译的结构式：“<nickname...更复的杂情况是，名称里面内嵌了一个超链接。 gettext 函数是支持使用 %(name)s 语法占位符，这也是我们最好的解决办法。...不会发生什么异常，应用程序会运行的好好的，只是这些文本不会被翻译继续显示成英文。如果在我们的代码或者模版中丢失了一些英文文本的话会发生些什么？...我们使用的渲染日期和时间的 moment.js 没有并通知到需要一个不同语言的版本。从 moment.js 的文档我们发现 moment.js 有多语言版本可用。

1.5K3 1

什么，你还在用 momentJs 处理相对时间

() return {timeString} } 可是，你竟然用一个大小为 20k （还是压缩过的，没压缩 61k）的包，只用来做日期的转换？...你想要的只是进行一个日期上的转换啊。...虽然相对时间暂时看起来像是一个简单的问题，但你应该要意识到相对时间有很多复杂的问题需要解决，比如: 缩写：一般不会显示 “1天前”?...一般会显示 “昨天”、“明天” 或 “明年” 这样的词将来和过去: 比如我们不会显示“在 -2 天内”，而是显示 “2天前” 还可能存在其他问题，例如时区问题。...这些复杂的问题一旦来到，往往开发者会采用像 momentJs 和 dayjs 这样的库来解决问题。

1432 0

JavaScript日期处理不再难！Day.js带你飞！

本文介绍了Day.js的使用方法，Day.js 是一个轻量级的JavaScript库，用于解析、验证、操作和格式化日期和时间。...下面是一个图表，显示了 Day.js 每月的 NPM 下载量。下面是一张图表，显示了已经添加到 GitHub 上的 Day.js 星标。...ISO概述表达数字日历日期并消除歧义的标准方法是国际标准化组织（ISO）日期格式。可以使用JavaScript日期方法toISOString()，它以ISO格式返回新形成的日期，以确认此格式。...: false dayjs('2005-06-09').isValid(); // Output: true 时区 Day.js为观察相同标准时间的地区提供时区兼容性。...Day.js简单地替代了Moment.js。虽然Moment.js不是必需的，但Day.js提供了所有日期格式化、解析、插件和本地化要求。

9.4K2 0

带你认识 flask 时间日期

设想一下PDT时区中的一个用户在下午3点发布了一些内容，并立即看到该帖子以UTC时间表示的晚上10:00或更准确的22:00，这太混乱了。...如果我能从他们的计算机中获取时区设置，似乎效率会更高。事实证明，Web浏览器可以获取用户的时区，并通过标准的日期和时间JavaScript API暴露它。...04 使用 Moment.js Moment.js为浏览器提供了一个moment类。呈现时间戳的第一步是创建此类的对象，并以ISO 8601格式传递所需的时间戳。...我已经决定我只使用UTC时区，因此最后一部分总是将会是Z，它表示ISO 8601标准中的UTC。 moment对象为不同的渲染选项提供了几种方法。...fromNow()和calendar()方法很有趣，因为它们会根据当前时间显示时间戳，因此你可以获得诸如“一分钟前”或“两小时内”等输出。

3.3K3 0

PowerBI 保持数据刷新后仍显示最后一天

问题重述 PowerBI 提供了自动化的报表，每天都会更新。问题是如何保持报告每天都被默认选择为当天？...相对日期假设今天是2020.06.20，那么，可以使用相对日期筛选器，如下：该筛选器使用日期表中的日期列作为筛选条件，并设置使用相对日期筛选，如下：这样就可以确保总是显示相对于今天的上一天。...那么，此时的报告在数据自动更新后，总会显示为相对今天的数据。注意，这里的相对今天也可能是相对今天的上一天。...，除了“最后一天”，其他的日期都显示了出来，这也需要处理。...) 该度量值用来判断如果是报告最后晒新日期以内的，用 1 表示，否则标记为无效，用 0 表示。

2.6K4 0

ASP.NET MVC 5 - 给数据模型添加校验器

请注意，表单在每一个相应的验证错误消息旁边，已经自动使用红色边框的颜色突出显示文本框指明无效数据。...它用来为以上两个操作方法来显示初始的form，同时在验证出错时来重新显示视图。...我们已经应用了的DataType枚举值的ReleaseDate和Price 字段。下面的代码显示了ReleaseDate和Price 用适当的的DataType属性。...如果你使用了的DataType的属性具有一个日期字段，你也必须指明，以确保字段正确地呈现Chrome浏览器中的DisplayFormat属性。...例如，下面的代码总是显示一个客户端验证错误，即使当日期是在指定的范围内： [Range(typeof(DateTime), "1/1/1966", "1/1/2020")] 你可能会禁用jQuery的日期校验

9K7 0

单元测试用例

各种日期格式美式风格的日期格式有效日期无效的日期，例如月份00和13 Day不包含00和32作为其值 28、29、30已正确验证检查周末和银行假期的影响年与2月29日之间的链接时间验证：...密码不可见访问测试-多个级别更改密码错误消息不应泄露任何系统信息检查是否正确部署了SSL 检查是否应用了锁定规则检查密码是否以明码或加密方式保存使用有效的UserId和无效的UserId验证应用程序...检查是否在指定时间段内保存了日志检查日志中是否包含个人数据检查是否记录了管理员功能检查是否记录了用户锁定事件业务应用程序逻辑：这构成一组条件，有助于验证应用程序系统的应用程序逻辑和业务处理。...所有字段均可用字段应有足够的空间启用滚动和平移页码指示报告大小（N个，共M个），并应允许访问报告中的中/终点报告已正确导出到Excel / Word文档报告可以正确打印，所有数据正确显示检查报告中的所有页面是否都可访问...验证滚动条已实现验证对齐结果正确无误验证是否为搜索条件的任意组合显示了有效的结果。

2.3K3 0

前端中的时间

观测所门口墙上有一个标志24小时的时钟，显示当下的时间，对全球而言，这里所设定的时间是世界时间参考点，全球都以格林威治的时间作为标准来设定时间，这就是格林威治标准时间(Greenwich Mean Time...「秒」为单位的国际原子时所综合精算而成的时间，计算过程相当严谨精密，因此若以「世界标准时间」的角度来说，UTC比GMT来得更加精准。...创建时间对象的方法有4种： // 不带new操作符，像一个函数一样调用。它将忽略所有传入的参数，并返回当前日期和时间对象。...3，new Date(dateStr); // Date对象也有一个parse方法，用于解析一个日期字符串，参数是一个包含待解析的日期和时间的字符串，返回从1970年1月1日0点到给定日期的毫秒数。...// 但parse()方法返回的是一个数字，而Date()函数返回的是一个对象。

2K1 0

浅谈在ASP.NET中数据有效性校验的方法

作者：未知作为一名程序员，一定要对自己编写的程序的健壮性负责，因此数据的校验无论在商业逻辑还是系统实现都是必不可少的部分。 ...(长度为15或18位)！"...GetDateFieldError(string ErrorField) { return ErrorField + "日期格式不正确！"...false; } return true; } #endregion } } //在继承了基类的BusinessRule中使用校验的方法 /// ///...中显示错误提示信息 /// /// 显示提交数据返回的错误信息 /// private void DisplayErrors() { String fieldErrors

9242 0

使用PowerMock进行单元测试

各种日期格式美式风格的日期格式有效日期无效的日期，例如月份00和13 Day不包含00和32作为其值 28、29、30已正确验证检查周末和银行假期的影响年与2月29日之间的链接 5.3 时间验证...密码不可见访问测试-多个级别更改密码错误消息不应泄露任何系统信息检查是否正确部署了SSL 检查是否应用了锁定规则检查密码是否以明码或加密方式保存使用有效的UserId和无效的UserId验证应用程序...检查是否在指定时间段内保存了日志检查日志中是否包含个人数据检查是否记录了管理员功能检查是否记录了用户锁定事件 5.9 业务应用程序逻辑：这构成一组条件，有助于验证应用程序系统的应用程序逻辑和业务处理...所有字段均可用字段应有足够的空间启用滚动和平移页码指示报告大小（N个，共M个），并应允许访问报告中的中/终点报告已正确导出到Excel / Word文档报告可以正确打印，所有数据正确显示检查报告中的所有页面是否都可访问...验证滚动条已实现验证对齐结果正确无误验证是否为搜索条件的任意组合显示了有效的结果。验证是否针对AND / OR条件检索到正确的结果验证结果以字母顺序或指定顺序显示验证列标题是否可排序

3.1K3 0

Extjs form 组件

1.根类 Ext.form.Basic 提供了,表单组件,字段管理,数据验证,表单提交,数据加载的功能 2.表单的容器 Ext.form.Panel 容器自动关联 Ext.form.Basic 的实例对象更方便的进行字段的配置...Ext.form.field.Date 带有日期选择器下拉框并会自动进行日期验证的日期输入表单 Ext.form.field.Number 数值型的文本表单，对非数组值行的按键进行自动过滤，并且限定一系列...可以通过msgTarget改变错误信息的显示位置，通过invalidText改变错误信息的内容，每个字段都有自己的invalidText实现方式，错误信息中有许多可替换的标记　　　　例如，在Date...提交之前调用了isValid方法确保每个表单字段都已经填写正确　　　3.最后调用submit方法，并传递了两个回调函数success和failure，在这两个回调函数的参数中，action.result...,如果数据是无效的 Ext.Msg.alert('Invalid Data', 'Please correct form errors.') } 　　　　　　　　　　　　} 　　　　　　} ]

2K5 0

Excel表格中格式转换的这些套路，你都get了吗？

比如，工作中经常遇到输入的是18位的身份证号码，Excel却显示的是指数形式，当再次双击查看编辑单元格时，后3位数字已经显示为000。...这是因为Excel对于数值，只能保留15位的精确度，所以，对于身份证的输入只能将单元格改为文本格式才能显示正确。...下面图片是把“商品类别”的数字处理为文本格式。方法3）巧用文本连接符&，用&去连接一个空值的方法完成转换问题3：怎样让“假”日期改成“真”日期格式? 什么是假日期呢？...日期的本质是数字，标准格式的“真”日期，能够和数字进行加减运算，也可以通过右键单元格来改变日期显示形式，但”假日期”做不到。...其中0在日期格式中代表占位符点击“完成”之后结果如下 4.总结上面介绍了工作中经常遇到的格式转换问题： 1）文本型数字无法用于计算，需要转换为数值格式 2）没有大小含义的数字（比如身份证号

2.2K2 0

ASP.NET MVC学习笔记06编辑方法和编辑视图

优化日期显示在这之前，先对前面的代码进行优化，使得发布日期属性（ReleaseDate）看上去更好。打开Models/Movies.cs参考下图进行修改。 ?...DataType属性用于指定类型的数据，在本例它是一个日期，所以不会显示存放在该字段时间详情。DisplayFormat属性在Chrome浏览器里有一个bug：呈现的日期格式不正确。...ModelState.IsValid方法用于验证提交的表单数据是否可用于修改（编辑或更新）一个Movie对象。...数据保存之后，代码会把用户重定向到 MoviesController类的Index操作方法，页面将显示电影列表，同时包括刚刚所做的更新。一旦客户端验证确定某个字段的值是无效的，将显示出现错误消息。...如果禁用 JavaScript，则不会有客户端验证，但服务器将检测回传的值是无效的，而且将重新显示表单中的值与错误消息。在本教程的后面，我们验证更详细的审查。

5K5 0

web端功能测试怎么测_web的主要功能是什么

大家好，又见面了，我是你们的朋友全栈君。...，比如：出生日期和职业，工作年限是否恰当，所在地省份城市区域间的匹配等，如果设定使用默认值，也需要测试。...大部分用户都是目的驱动的，当他访问一个网站，会很快的浏览系统，找不到满足自己需求的信息时，会很快离开，很少有用户愿意花时间去熟悉系统的结构，因此，导航测试就显得很重要。...比如测试IE浏览器，可以通过一个叫做IEtester的工具来测试兼容，或者可以通过F12控制台来切换浏览器版本来测试兼容以前一些前端元素的显示等鉴于国内市场浏览器很多，比如360、搜狗，...3）测试用户操作时相关信息是否写入了日志文件、是否可追踪等 4）如果使用了安全套字，需要测试加密是否正确，加密前后的信息完整性，正确性 5）没有经过授权，是否可以在服务器端或者前端放置和编辑脚本的问题

5092 0

HTML 表单和约束验证的完整指南

现代浏览器对所有类型都有很好的支持，但旧浏览器仍会显示文本输入字段。...最好使用标准text类型，但将inputmode属性设置为numeric，这会显示合适的键盘。设置autocomplete="cc-number"还建议任何预先配置或以前输入的卡号。...使用正确的字段type并autocorrect提供在 JavaScript 中难以实现的好处。...JavaScript 的日期输入组件，请停止并远离您的键盘！...您需要一种以前从未实现过的新输入类型这些情况很少见，但总是从适当的 HTML5 字段开始。它们很快，甚至在脚本加载之前它们就可以工作。您可以根据需要逐步增强字段。

8.2K4 0

被忽略的console.log

尽管如此，虽然我们使用console.log，但是很多人都没有意识到控制台本身除了基本日志之外还有很多其他选项。适当使用这些功能可以使调试更容易，更快速，更直观。...但是console.dir（element）为我们提供了惊人的不同输出。 ? 这是一种更加客观的方式来查看元素。有时候这就是你真正想要的东西，更像是检查元素。...这具有使其在杂乱输出中更明显的效果。但是，有一个更大的优势。因为输出是警告而不是信息，所以您可以过滤掉所有console.log并仅保留console.warn。...这里要注意的是这是乱序的 - 最右边的列标题上的箭头显示了原因。我点击该列进行排序。找到列的最大或最小，或者只是对数据进行不同的查看非常方便。顺便说一句，该功能与显示部分列无关。它始终可用。...console.assert() 断言有用的函数assert() 与log() 相同，但仅在第一个参数为false的情况下。如果第一个参数为真，它什么都不做。

8232 0

SQL函数 TO_CHAR（一）

（当 tochar-expression 以至少两个整数数字开头时为真；否则 TO_CHAR 返回 NULL。）...如果错误地为 TO_CHAR 提供了格式化的日期或时间字符串，它会返回错误的数据。TO_DATE 将格式化的日期字符串转换为相应的日期整数。...如果错误地为 TO_DATE 提供了日期整数，它会返回未修改的整数。以下示例显示了 TO_DATE 和 TO_CHAR 的这些正确和错误用法。...$ZDATE 函数用于将此日期整数显示为格式化日期 02/22/2018。在这个例子中，TO_DATE 也被错误地提供了一个日期整数；它只是返回这个整数。...正常使用中，没有Year 0；日期从 12/31/-1 到 1/1/1。在 Oracle 使用中，儒略日期 1721058 到 1721423 完全无效，并返回错误。

3.5K2 0

科普 | 凭证真假难辨，去中心化身份体系有妙招（一）

3.2 Alice 假装医生伪造新处方 Alice 尝试为 melange 伪造新的处方凭证，但她已经知道药房会执行签名验证。因此，如果凭证中的签名无效或缺失，凭证将会无效。...因此，她使用自己的 DID 和密钥对创立了一个医生办公室，并在区块链上注册了该 DID（译者注：例如可在本体区块链上注册 DID）。然后，她使用伪造的医生 DID 作为发行者，为自己发行新的处方证书。...这再次挫败了 Alice 的邪恶计划，因为药房的验证不会通过，同时显示“凭证不是由经认证的医生办公室签发的”错误。验证依赖于信任框架，即所有利益相关者共同认同发布的行为协议。...第一次尝试得知修改凭证失败后，她决定不更改日期，但希望不检查日期。因此，她便将该处方提交给药房。传统的签名凭证对于药房来说，这很容易检测。...虽然凭证具有认证医生的正确签名，但药房还会对照今天的日期来检查过期日期，并拒绝过期的凭证。Alice 再次失败。

6381 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭