JS中Safari浏览器中的Date


Posted in Javascript onJuly 17, 2017

在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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
JavaScript通过select动态更换图片的方法
Mar 23 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
Nov 25 Javascript
微信小程序新增的拖动组件movable-view使用教程
May 20 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
Aug 18 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 Javascript
详解uniapp的全局变量实现方式
Jan 11 Javascript
几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
Mar 17 Javascript
Vue.extend构造器的详解
Jul 17 #Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 #Javascript
extjs简介_动力节点Java学院整理
Jul 17 #Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 #jQuery
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 #jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 #jQuery
jQuery列表检索功能实现代码
Jul 17 #jQuery
You might like
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
ThinkPHP5.1验证码功能实现的示例代码
2020/06/08 PHP
js滚动条多种样式,推荐
2007/02/05 Javascript
jquery之Document元素选择器篇
2008/08/14 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
js实时获取窗口大小变化的实例代码
2016/11/18 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
JS实现页面内跳转的简单代码
2017/09/03 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
js replace替换字符串同时替换多个方法
2018/11/27 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
Python实现进程同步和通信的方法
2018/01/02 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
Python多进程写入同一文件的方法
2019/01/14 Python
pandas计数 value_counts()的使用
2019/06/24 Python
用python拟合等角螺线的实现示例
2019/12/27 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
英国健身超市:Fitness Superstore
2019/06/17 全球购物
急诊科护士自我鉴定
2013/10/14 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
正科级干部考察材料
2014/05/29 职场文书
工作所在部门证明
2014/09/21 职场文书
运动会广播稿200米(5篇)
2014/10/15 职场文书
高三语文复习计划
2015/01/19 职场文书
2015年保管员工作总结
2015/04/30 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
python 离散点图画法的实现
2022/04/01 Python