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 相关文章推荐
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
JS实现简单的二维矩阵乘积运算
Jan 26 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
May 09 Javascript
vue.js 上传图片实例代码
Jun 22 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
vue element中axios下载文件(后端Python)
May 10 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
利用 JavaScript 实现并发控制的示例代码
Dec 31 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
全文搜索和替换
2006/10/09 PHP
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
Linux中为php配置伪静态
2014/12/17 PHP
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
js无法获取到html标签的属性的解决方法
2016/07/26 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
微信小程序分享海报生成的实现方法
2018/12/10 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[03:48]大碗DOTA
2019/07/25 DOTA
python根据经纬度计算距离示例
2014/02/16 Python
使用 Python 获取 Linux 系统信息的代码
2014/07/13 Python
简单的Python2.7编程初学经验总结
2015/04/01 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
用python爬取租房网站信息的代码
2018/12/14 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
python如何停止递归
2020/09/09 Python
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
土木工程实习生自我鉴定
2013/09/19 职场文书
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
动物学专业毕业生求职信
2013/10/11 职场文书
顶撞老师检讨书
2014/02/07 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
少先队中队工作总结
2015/08/14 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python