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 Deferred和Promise创建响应式应用程序详细介绍
Mar 05 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
Jan 14 Javascript
浅谈js获取ModelAndView值的问题
Mar 28 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 Javascript
ant design 日期格式化的实现
Oct 27 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.ini 中文版
2006/10/28 PHP
php 生成WML页面方法详解
2009/08/09 PHP
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
2015/12/23 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
JavaScript实现简单的双色球(实例讲解)
2017/07/31 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
微信小程序分享功能onShareAppMessage(options)用法分析
2019/04/24 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
Python中集合类型(set)学习小结
2015/01/28 Python
Python实现批量读取word中表格信息的方法
2015/07/30 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
简单了解Django模板的使用
2017/12/20 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
Wojas罗马尼亚网站:波兰皮鞋品牌
2018/11/01 全球购物
超市营业员岗位职责
2013/12/20 职场文书
档案检查欢迎词
2014/01/13 职场文书
财务检查整改报告
2014/11/06 职场文书
2015年学校关工委工作总结
2015/04/03 职场文书
开会通知短信大全
2015/04/20 职场文书
MySQL中你可能忽略的COLLATION实例详解
2021/05/12 MySQL
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL