javascript中Date()函数在各浏览器中的显示效果

1.JavaScript没有基本的日期数据类型，所以只能显式的创建Date对象。例如：var myDate=new Date();

2.为了创建一个存储了特定日期的，或者时间的Date对象，可以简单的把日期或者日期与时间放到括号里面；

var myDate=new Date("2015/06/16 10:30");
alert(myDate);

火狐浏览器显示的效果为：

IE浏览器显示效果：

谷歌浏览器显示效果为：

注意：如果上面的代码这样写;在火狐和IE浏览器里面报错：

var myDate=new Date("2015-06-16 10:30");
alert(myDate);

IE浏览器错误提示：

火狐浏览器错误提示：

3.不同的国家使用不同的顺序来描述日期，eg.美国制定的日期格式是MM/DD/YY,而欧洲的格式是DD/MM/YY，在祖国他们的格式是YY/MM/DD。如果使用简写的名字指定月份。那么可以以，任意的顺序使用。

例如：

var myDate=new Date("Jun 16 2015")
alert(myDate);

var myDate=new Date(" 16 Jun 2015")
alert(myDate);

var myDate=new Date("2015 16 Jun ")
alert(myDate);

即显示的顺序为：月日年

火狐显示效果：

IE显示效果：

谷歌显示效果：

4.Date对象，还有许多参数，var myDate=new Date(aYear,aMonth,aDate,aHour,aMinute,aSecond,aMillisecond);

要使用这些参数，首先需要指定年份和月份，然后使用这些参数，但是必须按照顺序，逐个使用不能在它们之间选择。

例如：可以指定年份，月份，日期，小时；但是不能指定指定年份，月份，然后指定小时。

这样写是错误的，这个时候不能用双引号把日期括起来：

var myDate=new Date("2015 ,9, 16 ,23")；
alert(myDate);

还有这个时候，不能数字和月份简写混合，这样也是错误的，在IE和火狐中报错。

var myDate=new Date("2015 ,Jun, 16 ,23")；

alert(myDate);

而应该这样写：

var myDate=new Date(2015 ,9, 16 ,23)；
alert(myDate);

*但是不能指定指定年份，月份，然后指定小时。

例如：这里的14本来指的是14点，现在却因为没有指定日期，变成了日期。。。

var myDate=new Date("2015 ,7, ,14");
alert(myDate);

火狐效果图：

而在IE中则会直接报错：

在谷歌中呢，是这样的。。：

5.尽管通常我们认为9月（September）是第九个月份，但是Javascript从0（1月）开始计算月份，因此月份8表示9月。

以上所述就是本文的全部内容了，希望大家能喜欢。

赞 (0)

相关推荐

  • 关于js datetime的那点事

    复制代码 代码如下: //把一个日期字符串如"2007-2-28 10:18:30"转换为Date对象 var strArray=str.split(" "); var strDate=strArray[0].split("-"); var strTime=strArray[1].split(":"); var a=new Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],

  • 每天一篇javascript学习小结（Date对象）

    1.Date.now() //Date.now() is in ECMAScript 5 //Prior to that, use +new Date() //获取当前时间 var now = (typeof Date.now == "function" ? Date.now() : +new Date()); alert("Right now: " + now); 2.Date.parse()方法 var now = new Date(); alert(now);

  • javascript中IE浏览器不支持NEW DATE()带参数的解决方法

    复制代码 代码如下: var date1=new Date(dateTimes[z][1]); 在火狐下 可以正常取得时间,在IE7下 却是 NaN.纠结老长时间,放弃了new date 然后再老外的论坛中找了一段段代码可以兼容所有浏览器的格式化日期代码: 复制代码 代码如下: function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, s

  • JavaScript Date对象使用总结

    //全局函数 Date //Date 类的静态方法 Date.parse Date.UTC //Date 对象的建立方法 new Date() new Date(毫秒数) new Date(标准时间格式字符串) new Date(年, 月, 日, 时, 分, 秒, 毫秒) //Date 对象的更多方法 getFullYear (getUTCFullYear) getMonth (getUTCMonth) getDate (getUTCDate) getDay (getUTCDay) getHou

  • 详解JavaScript的Date对象（制作简易钟表）

    详解JavaScript的Date对象（制作简易钟表）

    JS提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期时间信息的方法.下面我们简单的 概述一下这个Date类型.        大概看了一下Date类型的方法,下面给出: 上面的方法自己尝试即可,我只简单的演示一下JS正确输出的格式: var today=new Date();//创建一个时间日期对象 document.write("<h4>下面的是世界标准的时间输出:</h4>"); document.write(today+"

  • JS中Date日期函数中的参数使用介绍

    要创建一个一个日期对象,可以使用以下的方式: 复制代码 代码如下: var now=new Date() 当然,函数中没有传递任何参数,表示此对象now自动获取了当前的时间. 如果想要创建一个自定义时间的对象,则要对Date()进行参数的传递.而这个参数,必须是毫秒数(UTC时间1970年1月1日午夜起至自定义时间为止的毫秒数). 我们可以使用Date.parse()和Date.UTC()来获得自定义时间的毫秒数. Date.parse()接收一个表示日期的字符串参数,例如"May 25,201

  • js用Date对象的setDate()函数对日期进行加减操作

    想自己写一个日期的加减方法,但是涉及到每个月天数的判断,如果是2月份的话,还要涉及到闰年的判断,有些复杂,应用过程中总是出现问题,于是查了下资料,以在某个日期上加减天数来说,其实只要调用Date对象的setDate()函数就可以了,具体方法如下: function addDate(date,days){ var d=new Date(date); d.setDate(d.getDate()+days); var month=d.getMonth()+1; var day = d.getDate(

  • 跟我学习javascript的Date对象

    本篇主要介绍Date 日期和时间对象的操作. 1. 介绍 1.1 说明 Date对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法. 1.2 属性 无: Date对象对日期和时间的操作只能通过方法. 2. 构造函数 2.1 new Date() :返回当前的本地日期和时间 参数:无 返回值: {Date} 返回一个表示本地日期和时间的Date对象. 示例: var dt = new Date(); console.log(dt); // => 返回一个表示本地日期和时间的D

  • JavaScript中Date对象的常用方法示例

    getFullYear() 使用 getFullYear() 获取年份. 源代码: </script> <!DOCTYPE html> <html> <body> ​ <p id="demo">Click the button to display the full year of todays date.</p> ​ <button onclick="myFunction()">T

  • javascript中Date()函数在各浏览器中的显示效果

    javascript中Date()函数在各浏览器中的显示效果

    1.JavaScript没有基本的日期数据类型,所以只能显式的创建Date对象.例如:var myDate=new Date(); 2.为了创建一个存储了特定日期的,或者时间的Date对象,可以简单的把日期或者日期与时间放到括号里面: var myDate=new Date("2015/06/16 10:30"); alert(myDate); 火狐浏览器显示的效果为: IE浏览器显示效果: 谷歌浏览器显示效果为: 注意:如果上面的代码这样写;在火狐和IE浏览器里面报错: var my

  • JavaScript常用工具函数汇总（浏览器环境）

    前端业务中比较常用的JavaScript工具函数,浏览器环境常用,可直接拷贝在项目里使用.这里统一整理,方便查阅,本文章会持续更新. 一.file转为base64 /** * file转为base64 * @param {*} file file对象 * @param {*} callback */ export const fileToDataURL = (file, callback) => { let freader = new FileReader(); freader.readAsDa

  • vue2.x中h函数(createElement)与vue3中的h函数详解

    目录 1. vue2.x的 h 函数(createElement) 2. vue3 h函数配置项 2.1 v-model实现(以下开始为官网实现) 2.2 v-on 2.3 事件修饰符 2.4 插槽 2.5 component 和 is 2.6 自定义指令 2.7 内置组件 2.8 渲染函数的返回值 2.9 JSX 总结 1. vue2.x的 h 函数(createElement) 使用方法及介绍:(参考官网提取) h函数第一个是标签名字 或者是组件名字,第二个参数是配置项,第三个参数是 inn

  • PHP5.2中date()函数显示时间与北京时间相差8小时的解决办法

    问题: php函数date("Y-n-d   H-i-s");   输出的时间与当地时间相差8个小时. 解决思路 北京时间是东8区,可能是时区问题.但是此前都没问题啊,经过google发现原来从php5.1.0开始,php.ini里加入了 date.timezone这个选项,默认情况下是关闭的,也就是显示的时间(无论用什么php命令)都是格林威治标准时间,和我们的时间(北京时间)差了正好8个小时. 在调用date()函数之前先设定时区. 方法一:date_default_timezon

  • Node.js中使用Log.io在浏览器中实时监控日志（等同tail -f命令）

    Node.js中使用Log.io在浏览器中实时监控日志（等同tail -f命令）

    今天,抽空了浏览了下node.js ,哈哈,看了一篇入门的文章(http://www.nodebeginner.org/index-zh-cn.html),自我感觉是入门了,不过里面一句话,挺有感悟: 复制代码 代码如下: 不过,这些毕竟都是前端技术,尽管当想要增强页面的时候,使用jQuery总让你觉得很爽,但到最后,你顶多是个JavaScript用户,而非JavaScript开发者.然后,出现了Node.js,服务端的JavaScript,这有多酷啊?于是,你觉得是时候该重新拾起既熟悉又陌生的

  • JavaScript自定义DateDiff函数(兼容所有浏览器)

    复制代码 代码如下: <script type="text/javascript"> function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date; } function TimeCom(dateValue) { var

  • 谈谈JavaScript中的函数

    JS中的函数简介 JS中的函数是一种通过调用来完成具体业务的一段代码块.最核心的目的是将可重复执行的操作进行封装,然后供调用方无限制的调用. JS中的函数的定义 JS中函数定义,有如下两种形式: 方式1 function f1(){} //函数声明,f1为函数名,可以将其理解为变量f1指向一个函数 function f2(){return 100;}//函数允许有返回值 function f3(a,b){}//函数中可以定义多个参数,无需指定变量类型 方式2 var f4=function(){

  • 网络浏览器中运行Python脚本PyScript剖析

    目录 正文 使用PyScript编程 标准库导入 使用来自PyPI的库 本地导入 REPL 标签 与 JavaScript 事件监听器互动 正文 PyScript可以让你在浏览器中直接运行Python脚本,与JavaScript并排,在你的代码和网页之间进行双向互动. 由Anaconda创建的PyScript是一项实验性的但很有前途的新技术,它使Python运行时在支持WebAssembly的浏览器中作为一种脚本语言使用. 每个现代常用的浏览器现在都支持WebAssembly,这是许多语言(如C

  • TypeScript中的函数

    目录 1.函数定义 1.1JavaScript中的函数 1.2TypeScript中的函数 3.可选参数和默认参数 4.剩余参数 1.函数定义 1.1JavaScript中的函数 在学习TypeScript中的函数前我们先来回顾一下JavaScript中的函数定义常用的包含以下几种: 第一种:使用function关键字声明函数 function add1 (x, y) { return x + y } 第二种:使用字面量方式声明函数 const add2 = function (x, y) {

  • vue在html标签{{}}中调用函数的方法总结及对比

    目录 一.问题 1)实现上述需求:有两种方式 2)两种实现方式对比: 二.解决方法(在html渲染时调用函数) 1.定义处理函数 2.引入处理函数,在data中定义函数,在html中使用 3.效果 4.优化 三.总结 一.问题 1.在html中对数据中的某一个标签是根据标签的类型书写的,值写在了{{}}中,希望显示的时候对值做某种细节处理. 例如:我的需求:后端返回姓名.年龄.出生日期.学历等组成的一个数组,出生日期要保存为带有时分秒的,但是显示时不需要时分秒. 1)实现上述需求:有两种方式 a

随机推荐