JavaScript日期对象使用总结
javascript Date日期对象的创建
|
创建一个日期对象: var objDate=new Date([arguments list]); 我总结了参数形式主要有以下3种: new Date("month dd yyyy hh:mm:ss"); //后面的hh:mm:ss可选(不选的话就是默认的开始时间),而且前三项的顺序可以随意,甚至各字段后面可以加逗号 new Date(yyyy,mth,dd,hh,mm,ss); //除了前两个字段(年、月字段)外,其余的都是可选的(不选的话就默认为开始的),不过,此处顺序最好别随意变换 new Date(ms); //参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下: month:用英文表示月份名称,从January到December mth:用整数表示月份,从(1月)到11(12月) dd:表示一个月中的第几天,从1到31 yyyy:四位数表示的年份 hh:小时数,从0(午夜)到23(晚11点) mm:分钟数,从0到59的整数 ss:秒数,从0到59的整数 ms:毫秒数,为大于等于0的整数 |
JavaScript中的日期(Date)
|
日期对象Date object是用来对日期和时间进行操作的。 —————————————————————————– 定义一个日期对象 使用关键词new来定义一个Date对象,如下面例子中所示,定义一个名为myDate的日期对象: var myDate=new Date() 注意:日期对象会自动取当前的日期和时间为初始值。 ——————————————————————————- 对日期进行操作 使用Date对象的函数可以方便的对日期进行操作。 在下面的例子中我们设置一个日期对象为一个指定的日期值(2010年1月14日): var myDate=new Date() myDate.setFullYear(2010,0,14) 在下面的例子中我们将myDate的值设为5天后: var myDate=new Date() myDate.setDate(myDate.getDate()+5) 注意:如果增加5天后进入另外一个月或一年,Date对象会自动处理的。 ——————————————————————————— 对日期进行比较 使用Date对象可以对日期进行比较。 下面的例子将今天的日期与2010年1月14日进行比较: var myDate=new Date() myDate.setFullYear(2010,0,14)var today = new Date() if (myDate>today) alert("今天还没到2010年1月14日") else alert("今天已经过了2010年1月14日") ——————————————————————————– 例:显示当前的日期和时间 <html> <body><script type="text/javascript"> document.write(Date()) </script> </body> </html> ———————————————————————— 例:getTime()函数 使用getTime()函数计算自1970年后已经过了多少年 <html> <body><script type="text/javascript"> var minutes = 1000*60 var hours = minutes*60 var days = hours*24 var years = days*365 var d = new Date() var t = d.getTime() var y = t/years document.write("It’s been: " + y + " years since 1970/01/01!") </script> </body> </html> ———————————————————————– 例:函数setFullYear() 使用setFullYear()函数来设置一个日期 <html> <body><script type="text/javascript"> var d = new Date() d.setFullYear(1992,10,3) document.write(d) </script> </body> </html> ————————————————————————— 例:函数toUTCString() 使用toUTCString()函数将今天的日期转换为一个字符串 <html> <body><script type="text/javascript"> var d = new Date() document.write (d.toUTCString()) </script> </body> </html> —————————————————————————— 例:函数getDay() 使用getDay()函数和一个数组来写出星期几 <html> <body><script type="text/javascript"> var d=new Date() var weekday=new Array(7) weekday[0]="Sunday" weekday[1]="Monday" weekday[2]="Tuesday" weekday[3]="Wednesday" weekday[4]="Thursday" weekday[5]="Friday" weekday[6]="Saturday" document.write("Today it is " + weekday[d.getDay()]) </script> </body> </html> ——————————————————————————– 例:显示一个时钟 <html> <head> <script type="text/javascript"> function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a zero in front of numbers<10 m=checkTime(m) s=checkTime(s) document.getElementById('txt').innerHTML=h+":"+m+":"+s t=setTimeout('startTime()' ,500) }function checkTime(i) { if (i<10) {i="0" + i} return i } </script> </head> <body onload="startTime()"> <div id="txt"></div> </body> </html> (转自:http://www.prglab.com/blog/js-tutorial/js-string 程序实验室) |
javascript的日期对象Date操作时间日期值
|
用JavaScript的日期对象操控时间和日期值 使用日期 在JavaScript里使用时间和日期值非常简单。这要从创建日期对象的一个实例开始: var d = new Date(); getDate():返回月份里的日期。 关于JavaScript和日期需要注意的一点是,它使用从1970年1月1日午夜起的毫秒数来保存日期。这叫做历元(epoch),任何在这个日期之前的日期和时间都是不被允许的。 正如Listing A里说明的,使用前面一个列表里的方法是很简单明了的。你需要注意的是日期和星期中的天的值是从零开始的,所以需要向它们添加一个值以显示它们真正的值。你可以很容易就使用一个数组来显示星期几。列表B里是JavaScript代码。 你没有被限制只使用当前的日期。日期对象可以用传递给它的值初始化,就像下面这样: var d = new Date("date value"); 利用这种方式,我们可以修改前面的例子来使用特定的日期。列表C代表了一种发现给定值的周日期的简单方法。代码会生成下面的结果: Today is: Wednesday 4/15/1979 事实上,创建日期对象实例的方式有四种: var d = new Date(); 我们已经讲了前两个(要注意的是可能会用到单引号或者圆括号)。最后两个按照下面的格式使用了单独的整数参数(时间是可选的): var d = new Date(month, day, year, hour, minutes, seconds); 填充日期对象的另外一种方式是利用setDate方法。它提供了一种重置日期对象的值或者初始化它的方式,但是这要求有一个真正的JavaScript日期对象: Var d1 = new Date(); 填充日期对象的各种属性的固定方法还有很多,但是在讨论它们之前我们先来看看时间吧。 除了日期组件,日期对象也保存了时间信息。下面的方法能够访问到日期对象的时间信息: getHours():返回时间的小时部分。 <script language="javascript"> 它会显示下面的输出: 12:36:33:41 秒值有点奇怪,因为它显示的是自从1970年1月1日午夜到保存在被参考的日期对象里的值的毫秒数。在寻找两个值之间的不同之处时,这十分有用。对于日期值,还有一个setTime方法可以使用: Var dt1 = new Date(); 设置属性 就像setTime、setDate和setMilliseconds方法一样,有一些方法能够填充日期对象的所有部分。这包括下面这些: setFullYear 最简单的计算是两个数字的加减(你可能不同意这个观点),所以找到两个JavaScript日期值之间的差别非常简单。你只用找到这一差别并将其作为一个数字返回就行了。结果是一个以毫秒为单位的日期值,所以你必须进行除法以获得所需要的值的类型(天、月、分钟、小时等等)。 下面的JavaScript代码用来计算到某个日期的天数。它(通过getTime)把两个日期值相减,再把得到的结果用一天的毫秒数(86400000)来除,最后得到天数: <script type="text/javascript"> 日期的计算 利用相应的属性对所需要的值进行加减,日期值的各种属性可以增加或者减少。例如,如果你想要把值增加一个月,那么你就要对月份值加一。列表D里的例子显示了前一个脚本里昨天和今天的差值。下面就是输出的结果: Days until vacation: 50 是时候了 使用日期和时间值有其自身的限制,这根据平台有所不同,而Web开发却没有差别。JavaScript的日期对象提供了一种简单的方式来使用日期和时间值,但是还是有一些东西需要记住,比如一周七天和月份的编号方式,以及一些方法的格式。一旦你适应了这种方式,它们就不难记住了。要记住的一件重要事情是,日期或者事件的准确性取决于查看页面的计算机上的时钟。 |
JavaScript日期对象使用总结的更多相关文章
- javascript 日期对象
1.日期对象定义 var Udate=new Date();//获得当前日期 2.Date对象中处理时间和日期的常用方法: 3.返回/设置年份 var mydate=new Date();//当前时间 ...
- javascript 日期对象(date)详解
Date 对象 Date 对象用于处理日期和时间. 创建 Date 对象的语法: var myDate=new Date(); 注释:Date 对象会自动把当前日期和时间保存为其初始值. 1.date ...
- javascript之日期对象(Date)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- JS中,日期对象(获取当前现在的年份,星期,时间)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- [Javascript] 5个最佳的Javascript日期处理类库
在大家日常网站开发和web应用开发中,我们往往需要有效的调用Javascript处理日期和时间格式相关的函数,在Javascript中已经包含了部分最基本的内建处理方法. 在大家日常网站开发和web应 ...
- javascript之日期对象
学习要点: 日期对象 将日期对象转换为字符串 将日期对象中的日期和时间转换为字符串 日期对象中的日期 日期对象中的时间 设置日期对象中的日期 设置日期对象中的时间 与毫秒相关的方法 一.日期对象 在j ...
- JavaScript Date日期对象以及日期格式化方法
前言 Date对象是javascript语言中内置的数据类型,用于提供日期和时间的操作接口.Date对象是在早期java中的java.util.Date类基础上创建的,为此,Date类型使用自UTC1 ...
- Javascript 对象 - 日期对象
日期对象 在JavaScript中提供了Data对象,用于处理和日期有关的内容.通过Data对象可以获取系统时间.设置时间等.Data对象也具有prototype和constructor属性. 1创建 ...
- 通过javascript的日期对象来得到当前的日期,并输出--内置对象---JS
//通过javascript的日期对象来得到当前的日期,并输出. var mydate = new Date(); var week = ["星期日","星期一" ...
随机推荐
- linux运维的认知及RHEL7 Unix/Linux 系统 介绍和安装
如何成为一个优秀的linux运维人员? 如果你有机会和条件:环境能够磨练一个人的能力和意志. 大胆的做你从未做过的项目,每一个项目都是对自身的极大提升. 有好的环境资源不 ...
- Python3学习(2)-中级篇
Python3学习(1)-基础篇 Python3学习(2)-中级篇 Python3学习(3)-高级篇 切片:取数组.元组中的部分元素 L=['Jack','Mick','Leon','Jane','A ...
- Winpcap构建用户级网桥
Winpcap构建网桥 根据winpcap sdk中的user-level-bridge用户级网桥 |机器1 | |机器2 | | ...
- Exception in thread "http-apr-8080-exec-2"
设置了catalina.bat.catalina.sh都不起作用MyEclipse中选择菜单Windows---preferences---MyEclipse---Servers---Tomcat-- ...
- RabbitMQ 连接断开处理-自动恢复
Rabbitmq 官方给的NET consumer示例代码如下,但使用过程,会遇到connection断开的问题,一旦断开,这个代码就会报错,如果你的消费者端是这样的代码的话,就会导致消费者挂掉. u ...
- webAPI 自动生成帮助文档
之前在项目中有用到webapi对外提供接口,发现在项目中有根据webapi的方法和注释自动生成帮助文档,还可以测试webapi方法,功能很是强大,现拿出来与大家分享一下. 先看一下生成的webapi文 ...
- mongodb(二) 安装和使用
mongodb的安装和使用 最近的项目需要使用到mongodb,从而开始熟悉nosql,有了本篇文章,记录和方便他人. mongodb的安装 下载地址:http://www.mongodb.org/d ...
- [游戏模版4] Win32 显示鼠标位置
>_<:use MOUSE_MOVE message refresh the position information. >_<:use LOWORD(lParam) get ...
- Java程序员的日常—— Properties文件的读写
在日常的Java程序开发中,Properties文件的读写是很常用的.经常有开发系统通过properties文件来当做配置文件,方便用户对系统参数进行调整. 那么本片就来简单的介绍下,如何使用Prop ...
- Redis学习笔记一:基本安装和配置
1.安装 wget http://download.redis.io/releases/redis-3.2.3.tar.gz编译安装: tar xf redis-3.2.3.tar.gz cd red ...