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 Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
JS按位非(~)运算符与~~运算符的理解分析
Jul 31 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
jquery UI Datepicker时间控件的使用及问题解决
Apr 28 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
Sep 19 Javascript
js给table赋值的实例代码
Oct 13 Javascript
JS+CSS3制作炫酷的弹窗效果
Nov 08 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
Jul 13 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 Javascript
基于JavaScript实现留言板功能
Mar 16 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下载文件的详解
2013/06/02 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
jquery+thinkphp实现跨域抓取数据的方法
2016/10/15 PHP
html中table数据排序的js代码
2011/08/09 Javascript
JavaScript判断DOM何时加载完毕的技巧
2012/11/11 Javascript
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
javascript读取Xml文件做一个二级联动菜单示例
2014/03/17 Javascript
js+div实现文字滚动和图片切换效果代码
2015/08/27 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
2016/06/16 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
BootStrap tab选项卡使用小结
2020/08/09 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
vue调用高德地图实例代码
2017/04/28 Javascript
Vue通过input筛选数据
2020/10/26 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
详解微信小程序工程化探索之webpack实战
2020/04/20 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
python文件读写操作与linux shell变量命令交互执行的方法
2015/01/14 Python
详解Python中for循环的使用
2015/04/14 Python
使用Python对Excel进行读写操作
2017/03/30 Python
用python爬取历史天气数据的方法示例
2019/12/30 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
宝拉珍选官方旗舰店:2%水杨酸精华液,收缩毛孔粗大和祛痘
2018/07/01 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
说明书格式及范文
2014/05/07 职场文书
2014全年工作总结
2014/11/27 职场文书
教师节主题班会方案
2015/08/17 职场文书
小学校园广播稿
2015/08/18 职场文书
用 Python 定义 Schema 并生成 Parquet 文件详情
2021/09/25 Python
asyncio异步编程之Task对象详解
2022/03/13 Python
Python采集股票数据并制作可视化柱状图
2022/04/04 Python
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers