添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

js字符串日期yyyy-MM-dd转化为date示例代码

作者:

获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错,有类似情况的朋友可以参考下本文
最近遇到一个问题,就是获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错: NAN

找了些资料,发现是由于Date.parse()函数对日期格式有要求:详细参考 Date.parse函数

对于js操作日期:

创建一个日期对象:

var objDate=new Date([arguments list]);

参数形式有以下5种:
复制代码 代码如下:

view plainnew Date("month dd,yyyy hh:mm:ss");
new Date("month dd,yyyy");
new Date(yyyy,mth,dd,hh,mm,ss);
new Date(yyyy,mth,dd);
new Date(ms);

说明:

month:用英文表示月份名称,从January到December
mth:用整数表示月份,从0(1月)到11(12月)
Content

dd:表示一个月中的第几天,从1到31
yyyy:四位数表示的年份
hh:小时数,从0(午夜)到23(晚11点)
mm:分钟数,从0到59的整数
ss:秒数,从0到59的整数
ms:毫秒数,为大于等于0的整数,表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。

我发现了:

Javascript中日期的构造还可以支持 new Date("yyyy/MM/dd"); 其中:MM是整数表示月份从0(1月)到11(12月),这样再利用正则表达式就很方便地能够转换字符串日期了。

测试代码:
复制代码 代码如下:

<mce:script type="text/javascript"><!--
document.write("<br/>" + new Date("February 3,2009"));
document.write("<br/>" + new Date("February 3,2009 10:52:03"));
document.write("<br/>");
document.write("<br/>" + new Date(2009,1,3));
document.write("<br/>" + new Date(2009,1,3,10,52,03));
document.write("<br/>");
document.write("<br/>" + new Date(Date.parse("February 3,2009")));
document.write("<br/>" + new Date(Date.parse("February 3,2009 10:52:03")));
document.write("<br/>" + new Date(Date.parse(2009,1,3))); //Output: NAN
document.write("<br/>" + new Date(Date.parse(2009,1,3,10,52,03))); //Output: NAN
document.write("<br/>" + new Date(Date.parse("2009/02/03")));
document.write("<br/>");
document.write("<br/>" + new Date("2009/02/03"));
document.write("<br/>" + new Date("2009/02/03 11:12:13"));
document.write("<br/>" + new Date("2009-02-03")); //Output: NAN

// --></mce:script>

输出结果:

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009
NaN
NaN
Tue Feb 3 00:00:00 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 11:12:13 UTC+0800 2009
NaN
-------------------
复制代码 代码如下:

window.onload=function(){
var dependedVal="2005-3-4";
//根据日期字符串转换成日期
var regEx = new RegExp("\\-","gi");
dependedVal=dependedVal.replace(regEx,"/");
//dependedVal=dependedVal.replace("\\-","/");//这样不行
alert(dependedVal)
//parse 需要 2005/3/4 这种格式
var milliseconds=Date.parse(dependedVal);
alert(milliseconds)
var dependedDate=new Date();
dependedDate.setTime(milliseconds);

var now = new Date();
//注意括号,优先级问题,无奈
alert("相隔年数:"+(now.getFullYear() - dependedDate.getFullYear()));
}

其实日期在浏览器和服务器之间传输都要通过毫秒值来传,否则就会报错 400错误!
您可能感兴趣的文章:
  • JavaScript新引入的原始数据类型Symbol详解
    JavaScript新引入的原始数据类型Symbol详解
    2023-01-01
  • uni-app的pages.json处理方案示例
    uni-app的pages.json处理方案示例
    2023-01-01
  • ES6代码转ES5详细教程(babel安装使用教程)
    ES6代码转ES5详细教程(babel安装使用教程)
    2023-01-01
  • 微信小程序记住密码的功能简单几步实现
    微信小程序记住密码的功能简单几步实现
    2023-01-01
  • JS中new Date().Format("yyyy-MM-dd") 报错的解决
    JS中new Date().Format("yyyy-MM-dd
    2023-01-01
  • 基于函数执行的踩坑(addEventListener)
    基于函数执行的踩坑(addEventListener)
    2023-01-01
  • 单元测试框架Jest搭配TypeScript的安装与配置方式
    单元测试框架Jest搭配TypeScript的安装与配置方式
    2023-01-01
  • 微信小程序开发之实现摇色子游戏
    微信小程序开发之实现摇色子游戏
    2023-01-01
  • 美国设下计谋,用娘炮文化重塑日本,已影响至中国
    美国设下计谋,用娘炮文化重塑日本,已影响至中国
    2021-11-19
  • 时空伴随者是什么意思?时空伴随者介绍
    时空伴随者是什么意思?时空伴随者介绍
    2021-11-09
  • 工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    工信部称网盘企业免费用户最低速率应满足基本下载需求,天翼云盘回应:坚决支持,始终
    2021-11-05
  • 2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2022年放假安排出炉:五一连休5天 2022年所有节日一览表
    2021-10-26
  • 电脑版 - 返回首页

    2006-2023 脚本之家 JB51.Net , All Rights Reserved.
    苏ICP备14036222号