JS中Safari浏览器中的Date

 更新时间:2017年07月17日 11:22:12   作者:Joseph_Bee  
在js中处理Date时,发现Safari和其他浏览器的支持方式不一致。下面通过本文给大家分享js中Safari浏览器中的Date,感兴趣的朋友一起学习吧

在js中处理Date时,发现Safari和其他浏览器的支持方式不一致

1.例如:2017-01-01 12:00:00

在其他浏览器中,使用这个格式的字符串进行new Date操作没有问题,但是在Safari中会提示Invalid Date;

Safari中不支持'-'格式的日期字符串,将其替换成'/' 变成2017/01/01 12:00:00即可正常使用

2.例如:2017/01/01T11:00:00

此格式的日期字符串在Safari中也是不得到支持的,需要将字符串中的'T'   替换成空格

变成2017/01/01 11:00:00格式

下面是我自己写的格式化日期字符串的函数,虽然并不完善,但是暂时也没有发现什么问题

/*格式化时间字符串*/
/*datetimeString:符合时间格式的时间字符串*/
/*返回格式化之后的时间字符串:YYYY-MM-DD hh:mm:ss*/
formatDatetime = function (datetimeString) {
  var datetime;
  if (isNaN(Date.parse(datetimeString)))
    datetime = new Date(Date.parse(datetimeString.replace(/-/g, '/').replace(/T/g, ' ')));
  else
    datetime = new Date(Date.parse(datetimeString));
  var year = datetime.getFullYear();/*年*/
  var month = datetime.getMonth() + 1;/*月*/
  var date = datetime.getDate();/*日*/
  var hour = datetime.getHours();/*时*/
  var minute = datetime.getMinutes();/*分*/
  var second = datetime.getSeconds();/*秒*/
  /*统一月,日,时,分,秒的格式*/
  month = month < 10 ? '0' + month : month;
  date = date < 10 ? '0' + date : date;
  hour = hour < 10 ? '0' + hour : hour;
  minute = minute < 10 ? '0' + minute : minute;
  second = second < 10 ? '0' + second : second;
  return year + '-' + month + '-' + date + ' ' + hour + ':' + minute + ':' + second;
};

以上所述是小编给大家介绍的JS中Safari浏览器中的Date,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 自己编写的类似JS的trim方法

    自己编写的类似JS的trim方法

    在这里我们可以使用自己编写的trim方法来处理一些剪掉字符串两端的空字符串的需要,下面有个不错的方法,感兴趣的朋友可以参考下
    2013-10-10
  • 关于promise.all()的使用及说明

    关于promise.all()的使用及说明

    这篇文章主要介绍了关于promise.all()的使用及说明,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • uniapp打包成微信小程序的详细过程

    uniapp打包成微信小程序的详细过程

    微信小程序的出现给我们提供了一种使用应用的新方式和体验,下面这篇文章主要给大家介绍了关于uniapp打包成微信小程序的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • Electron实现文件复制到剪切板的方案

    Electron实现文件复制到剪切板的方案

    这篇文章主要介绍了Electron实现文件复制到剪切板的解决方案,文中通过代码示例讲解的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
    2024-11-11
  • JavaScript中数据过滤的几种常见方法

    JavaScript中数据过滤的几种常见方法

    JavaScript是一种广泛使用的编程语言,它提供了多种方法来对数据进行过滤,在本文中,我们将介绍JavaScript中常见的几种数据过滤方法,并提供相应的示例,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • javascript仿163网盘无刷新文件上传系统

    javascript仿163网盘无刷新文件上传系统

    这个仿163网盘无刷新文件上传系统,并没有用使用.net的控件,完全的手工制作。
    2008-10-10
  • 浅谈html转义及防止javascript注入攻击的方法

    浅谈html转义及防止javascript注入攻击的方法

    下面小编就为大家带来一篇浅谈html转义及防止javascript注入攻击的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • 微信小程序实现手指拖动选项排序

    微信小程序实现手指拖动选项排序

    这篇文章主要介绍了微信小程序实现手指拖动选项排序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • XMLHTTPRequest的属性和方法简介

    XMLHTTPRequest的属性和方法简介

    由于现在在公司负责制作标准的静态页面,为了增强客户体验,所以经常要做些AJAX效果,也许你也和我一样在,学习AJAX。
    2010-11-11
  • 前端实现多个内容滑动轮播图效果实例

    前端实现多个内容滑动轮播图效果实例

    在前端开发中,滑动轮播图是一种常见的交互元素,用于展示多张图片或内容,这篇文章主要介绍了前端实现多个内容滑动轮播图效果的相关资料,文中给出了详细的代码示例,需要的朋友可以参考下
    2025-04-04

最新评论