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


Posted in Javascript onMarch 06, 2014

最近遇到一个问题,就是获取表单中的日期往后台通过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 相关文章推荐
JCalendar 日历控件 v1.0 beta[兼容IE&amp;Firefox] 有文档和例子
May 30 Javascript
javascript相等运算符与等同运算符详细介绍
Nov 09 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
详解基于angular-cli配置代理解决跨域请求问题
Jul 05 Javascript
详解tween.js的使用教程
Sep 14 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 Javascript
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
vue监听键盘事件的快捷方法【推荐】
Jul 11 Javascript
不得不知的ES6小技巧
Jul 28 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
浅析JS中document对象的一些重要属性
Mar 06 #Javascript
浅析jquery的js图表组件highcharts
Mar 06 #Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 #Javascript
javascript简单实现命名空间效果
Mar 06 #Javascript
深入剖析JavaScript中的枚举功能
Mar 06 #Javascript
javascript模拟枚举的简单实例
Mar 06 #Javascript
js模拟C#中List的简单实例
Mar 06 #Javascript
You might like
php 设计模式之 单例模式
2008/12/19 PHP
php foreach、while性能比较
2009/10/15 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
讲解WordPress开发中一些常用的debug技巧
2015/12/18 PHP
PHP解决中文乱码
2017/04/28 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
Javascript 强制类型转换函数
2009/05/17 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
javascript的push使用指南
2014/12/05 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
jQuery ajax提交Form表单实例(附demo源码)
2016/04/06 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
2016/09/21 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
简介JavaScript错误处理机制
2020/08/04 Javascript
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
Django压缩静态文件的实现方法详析
2018/08/26 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
网络艺术零售业的先驱者:artrepublic
2017/09/26 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
纪念建党演讲稿范文
2014/01/13 职场文书
舞蹈毕业生的自我评价
2014/03/05 职场文书
财产公证书
2014/04/10 职场文书
青年文明号口号
2014/06/17 职场文书
车贷收入证明范本
2014/09/14 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
Mysql基础知识点汇总
2021/05/26 MySQL
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js