移动端时间显示 invalid Date

骑猪看日落 2022-04-15 00:46 258阅读 0赞

最初写法：

//str: '2018-10-10 23:00:00'
    forMateDate(str) {
    	if( str ) {
    		return new Date(str).toLocaleDateString() 
    	}
    }

PC端：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb3lhbnl1Xw_size_16_color_FFFFFF_t_70][]

移动端：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb3lhbnl1Xw_size_16_color_FFFFFF_t_70 1][]

解决方法：

调整格式为 ‘2018/10/10 10:10:10’

forMateDate(str) {
    	if( str ) {
    		return new Date(str.replace(/-/g,'/')).toLocaleDateString()
    	}
    }

所有浏览器都支持的时间格式：

var d = new Date(2011, 01, 07); // yyyy, mm-1, dd  
     var d = new Date(2011, 01, 07, 11, 05, 00); // yyyy, mm-1, dd, hh, mm, ss  
     var d = new Date("02/07/2011"); // "mm/dd/yyyy"  
    var d = new Date("02/07/2011 11:05:00"); // "mm/dd/yyyy hh:mm:ss"  
    var d = new Date(1297076700000); // 时间戳 
    var d = new Date("Mon Feb 07 2011 11:05:00 GMT"); // ""Day Mon dd yyyy hh:mm:ss GMT/UTC

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb3lhbnl1Xw_size_16_color_FFFFFF_t_70]: /images/20220415/596701ebfe664a37bfe7b1813b91f9fe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhb3lhbnl1Xw_size_16_color_FFFFFF_t_70 1]: /images/20220415/41b07006466b4341ba83eb55efb526be.png

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyUI格式化显示Date类型的时间数据

字段的类型为Date,后台返回到前端的时间不加处理将会显示成“Feb 27, 2018 12:00:00 AM”，显然，这不是我们所想要的格式，那应该如何处理呢？新建一个格式化

叁歲伎倆/ 2024年02月18日 18:26/ 0 赞/ 52 阅读

相关 PHP 格式化显示时间 date 函数

格式化时间 \\ date() 函数用于格式化时间，返回一个字符串。语法： string date( string format [, int timest

不念不忘少年蓝@/ 2023年06月02日 07:56/ 0 赞/ 7 阅读

相关 var * =new Date(str)返回 Invalid date问题——javascript(js)时间初始化

var time="2014-08-12 09:25:24 "; var time1 = new Date(time); chrome time1: Tue Aug 12

谁借莪１个温暖的怀抱￠/ 2022年08月11日 00:44/ 0 赞/ 158 阅读

相关手机号码，移动端显示问题

页面中并没有加特别的样式，但是手机号的那一行样式会乱掉。找了好久没找到原因，chrome模拟出来的也没有问题，但是放到真正的手机上，却不行。 <div class="vip\

曾经终败给现在/ 2022年08月04日 13:45/ 0 赞/ 209 阅读

相关在移动端显示滚动条

在移动端，滚动条会自动隐藏，如果想显示要怎么办呢？ .left\{ width: pxTorem(170px); overflow: hidden; overflow-

水深无声/ 2022年05月14日 05:41/ 0 赞/ 376 阅读

相关移动端时间显示 invalid Date

最初写法： //str: '2018-10-10 23:00:00' forMateDate(str) { if( str ) { r

骑猪看日落/ 2022年04月15日 00:46/ 0 赞/ 259 阅读

相关 [JS] Invalid Date

一般mysql存储的时间字段格式是" YYYY-MM-DD hh:mi:ss"，即年月日之间是通过'-'分隔的。偶然的情况下，发现这样的格式用在js时，在手机浏览器上运行会

￡神魔★判官ぃ/ 2022年03月12日 13:38/ 0 赞/ 151 阅读

相关 Date时间

1：Date.parse() 方法解析一个表示某个日期的字符串 DateFormat df = new SimpleDateFormat("yyyy-MM-dd HH

野性酷女/ 2021年12月08日 19:04/ 0 赞/ 294 阅读

相关前端时间Date显示问题踩坑

　　本人非职业前端一枚，但是在网站开发过程中遇到兼容性问题也是要解决的。日前，bug库里惊现一时间字符串NAN-NAN-NAN，遂究其因。 bug复现：开发过程中一直是使用c

约定不等于承诺〃/ 2021年11月01日 09:10/ 0 赞/ 373 阅读

相关前端移动端端测试——显示控制台

不管是什么框架还是普通的html，只需要在html文件中加入下面这行代码，就可以在移动端看到右下方的小齿轮图标。点开就可以在移动端查看控制台信息了。 <script

曾经终败给现在/ 2021年09月01日 07:11/ 0 赞/ 384 阅读