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 相关文章推荐
javascript模拟订火车票和退票示例
Apr 24 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
js和jquery分别验证单选框、复选框、下拉框
Dec 17 Javascript
JavaScript提高性能知识点汇总
Jan 15 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
javascript高级模块化require.js的具体使用方法
Oct 31 Javascript
js实现鼠标单击Tab表单切换效果
May 16 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
JS中FormData类实现文件上传
Mar 27 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
JSON stringify方法原理及实例解析
Oct 23 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
overlord人气高涨,却被菲利普频繁举报,第四季很难在国内上映
2020/05/06 日漫
PHP 和 COM
2006/10/09 PHP
php公用函数列表[正则]
2007/02/22 PHP
php实现单链表的实例代码
2013/03/22 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
PHP中使用TCPDF生成PDF文档实例
2014/07/01 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
jQuery中size()方法用法实例
2014/12/27 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
jQuery Masonry瀑布流插件使用方法详解
2017/01/18 Javascript
JS验证字符串功能
2017/02/22 Javascript
jQuery 实时保存页面动态添加的数据的示例
2017/08/14 jQuery
关于vue面试题汇总
2018/03/20 Javascript
vue实现的下拉框功能示例
2019/01/29 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
2020/04/15 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
前端性能优化建议
2020/09/17 Javascript
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
python在回调函数中获取返回值的方法
2019/02/22 Python
python爬虫 Pyppeteer使用方法解析
2019/09/28 Python
Django认证系统user对象实现过程解析
2020/03/02 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
Melissa香港官网:MDreams
2016/07/01 全球购物
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
俄语专业毕业生求职信
2014/07/12 职场文书
北京爱情故事观后感
2015/06/12 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
2016元旦主持人开场白
2015/12/03 职场文书
初一语文教学反思
2016/03/03 职场文书
app场景下uniapp的扫码记录
2022/07/23 Java/Android