`

Javascript显示当前日期

阅读更多
Date(日期)对象可以使用Date()构造器来创建。

首先介绍一下Date 对象
创建一个日期对象:

var objDate=new Date([arguments list]);



它没有参数,返回的数值就是当前的日期。下面的表格显示了日期构造器的有效输入:

  • 无参数的构造函数

var today = new Date(); 

返回当前的日期和时间

  • new Date("month dd,yyyy hh:mm:ss");

month:用英文表示月份名称,从January到December

mth:用整数表示月份,从(1月)到11(12月)

dd:表示一个月中的第几天,从1到31

yyyy:四位数表示的年份

hh:小时数,从0(午夜)到23(晚11点)

mm:分钟数,从0到59的整数

ss:秒数,从0到59的整数

var newyear = new Date("December 31, 1998 23:59:59");

输入的是表单的字符串 “月 日,年 小时:分钟:秒”

  • new Date(yyyy,mth,dd);

var bday = new Date(75, 1, 16);

参数是年份,月,日

  • new  Date(yyyy,mth,dd,hh,mm,ss);

var bday = new Date(75, 1, 16, 12, 0, 0);

参数是年份,月,日,小时,分钟,秒

还有两种构造方式:
  • new  Date("month dd,yyyy");

  • new Date(ms);

需要注意这一种形式,参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。

示例:

new Date("January 12,2006 22:19:35");

new Date("January 12,2006");

new Date(2006,0,12,22,19,35);

new Date(2006,0,12);

new Date(1137075575000);


上面的各种创建形式都表示2006 年1月12日这一天。

这里作点补充:月份是从0开始的,比如一月份=0,二月份=1,三月份=3等等。

从上面可以看出创建一个日期对象是相对地简单,以下的表格是一系列的函数可以用于改变或者访问这些对象的属性:

  • 日期访问方法


getYear()

返回年份的最后两位数字

getMonth()

返回年份中的第几月(0到11)

getDate()

返回月份中的第几日(1到31) 

getDay()

返回星期中的第几天 (0到6)

getTimezoneOffset()

返回当地时间与格林尼治天文台平均时间的差别

getHours()

返回一天中的时针点数(0到23)

getMinutes()

返回分钟 (0..59)

getSeconds()

返回时间的秒 (0到59)

getTime()

返回自从公元1970年1月1日的毫秒数

这里注意:IE浏览器的一些版本返回Timezoneoffset数值是用错误的符号,比如用”-”代替”+”等等。

示例:显示当前日期 按照YYYY-MM-DD格式显示
<script type="text/javascript">
	function showDate(){    
		var today = new Date();    
		var day = today.getDate();    
		var month = today.getMonth() + 1;    
		var year = today.getYear();    
		var date = year + "-" + month + "-" + day;    
		document.getElementById('currentDate').value = date;    
	}    
</script>
<input type="text" name="currentDate" id="currentDate" onclick="showDate()">

  • 日期设置方法


setDate()

设置每月中的第几天(从0到30)

setHours()

设置小时(从0到23)

setMinutes()

设置分钟(从0到59)

setMonth()

设置月份(从0到11)

setSeconds()

设置秒数(从0到59)

setTime()

设置时间(从公元以来的毫秒数)

setYear()

设置年份


  • 其它的日期方法


parse

转化日期字符串为自从公元以来的毫秒数,比如Date.parse(“date string”)

toString()

Sat Jun 2 16:08:24 UTC+0800 2001

toGMTString()

Sat, 2 Jun 2001 08:08:24 UTC

toLocaleString()

2001年6月2日 16:08:24

所有的这些函数引用于独立的日期对象。如果你具有深厚的Java编程背景,那么你可以将它们认为是Date类的一些公共的方法而已。
下面给出一个典型的例子来设置日期对象到当前时间加1年:
var nextYear = new Date(); // 初始化日期对象

nextyear.setYear(nextYear.getYear() + 1); // 增加1年


实际上,parse函数是Date对象的一个方法,而不是一个独立的日期变量,如果使用Java术语,它就称为Date类的一个静态方法。这个正是我们为什么使用Date.pase()而不使用somedate.parse()的原因啦。
分享到:
评论

相关推荐

    JavaScript显示当前时间和日期

    ### JavaScript显示当前时间和日期 在Web开发中,利用JavaScript来获取和展示当前的时间与日期是一项基本但非常实用的功能。本文将深入探讨一个示例代码片段,该片段通过JavaScript实现了当前日期与时间的显示,并...

    java script(显示当前日期)

    JavaScript显示当前日期源码 &lt;SCRIPT LANGUAGE="JavaScript1.2"&gt; var months=new Array(13); months[1]="January"; months[2]="February"; months[3]="March"; months[4]="April"; months[5]="May"; months[6]=...

    js显示当前日期

    ### JavaScript显示当前日期知识点解析 在网页开发过程中,经常需要用到实时获取并显示当前日期的功能。JavaScript作为前端开发的重要工具之一,提供了丰富的API来处理日期相关的功能。本文将根据提供的代码片段,...

    在页面上显示当前日期和时间

    这篇文章将为大家介绍如何使用 HTML 和 JavaScript 在页面上显示当前日期和时间。 首先,让我们了解一下 JavaScript 中的 Date 对象。Date 对象用于表示日期和时间,它提供了一些有用的方法来获取当前日期和时间。...

    使用javascript实时显示系统当前时间

    在现代网页开发中,实时更新页面元素,如显示当前时间,是提升用户体验的关键技术之一。本文将深入探讨如何使用JavaScript实现这一功能,包括代码细节、执行流程及实际应用场景。 #### JavaScript日期对象与时间...

    日期插件默认显示日期为当前日期

    描述中提到的"修改插件默认显示日期为当前日期,可以修改默认日期为指定日期",意味着该插件不仅提供了展示当前日期的功能,还允许开发者或者用户根据需求自定义默认显示的日期。这通常涉及到插件的配置选项或者API...

    JavaScript在浏览器标题栏上显示当前日期和时间的方法

    在浏览器中显示当前日期和时间是网页开发中的一个常见需求,这不仅可以增加网站的交互性,也可以为用户提供便利。本文介绍了一种使用JavaScript实现该功能的方法,并提供了一个具体的实例。该实例包括了如何操作时间...

    JavaJavaScript网页设计活学活用300问源文件-002

    使用JavaScript显示当前日期 在这段代码中,通过JavaScript实现了一个动态显示当前日期的功能。 #### 2.1 获取系统当前日期 ```javascript today = new Date(); Year = today.getYear(); Date = today.getDate();...

    JAVASCRIPT网页农历日期动态显示.pdf

    然后,在部分使用JavaScript定义日期变量,初始值为客户端当前日期。接着,调用InitLunarDate函数,计算农历日期全局变量。这样就可以在以后需要的地方调用GetLunarYearText、GetLunarBornAnimalText、...

    用记事本编写简单javascript获取当前日期和时间.doc

    总结来说,这个文档教给了我们如何使用JavaScript和HTML创建一个简单的网页,该网页能够实时显示当前的日期和时间。这种方法对于初学者来说是一个很好的实践,可以帮助他们理解JavaScript的基本语法以及如何与HTML...

    JavaScript生成的日期组件

    2. **初始化Date对象**:使用当前日期初始化一个Date对象,这将作为默认值或用于填充下拉菜单。 3. **填充下拉菜单**:根据Date对象生成年份、月份和日期的选项,并填充到对应的`&lt;select&gt;`元素中。对于月份,注意要...

    javascript 写的日期控件,非常好

    例如,我们可以使用`new Date()`创建一个表示当前日期和时间的新实例,或者通过传递年、月、日等参数来初始化特定日期。日期的月份是从0开始的,所以1月是0,12月是11。日期对象提供了诸如`getFullYear()`、`...

    javascript实现日期时间动态显示示例代码

    通过上述代码,我们可以看到,当用户打开页面时,页面上会显示一个红色的`&lt;span&gt;`元素,其中的数字会每秒更新一次,显示当前的日期和时间。 这段示例代码展示了JavaScript实现动态日期和时间显示的最基本方法。在...

    JavaScript页面实时显示当前时间实例代码

    最近因为项目需要,有个需求是让实时显示当前时间,然后想想这不简单吗,自己就动手敲代码,但是发现一个问题,通过getMonth()得到月份,总是会比当前月份少1,深深觉得实践出真知啊…之前觉得Date对象挺简单的,有...

    非常漂亮的javascript日期显示

    在网页中,日期显示是常见的需求,比如显示当前日期、格式化日期或者进行日期计算。标题“非常漂亮的javascript日期显示”所指的是利用JavaScript实现美观且功能丰富的日期展示效果。 JavaScript中的日期操作主要...

    javascript经典特效---title显示日期.rar

    在本案例"javascript经典特效---title显示日期.rar"中,我们聚焦的是如何利用JavaScript来实现在鼠标悬停时,标题(title)显示当前日期的功能。这种特效可以提升用户体验,使用户在无需离开页面或点击的情况下获取...

    用javascript写选择日期时间的例子

    创建一个新的Date对象可以获取当前的日期和时间,例如: ```javascript var now = new Date(); console.log(now); ``` 也可以通过传入特定的年、月、日、小时、分钟等参数来创建特定日期: ```javascript var...

    函数调用显示当前日期

    ### 函数调用显示当前日期:深入解析与实践 在现代网页开发中,JavaScript(简称JS)作为前端开发的核心语言之一,被广泛用于处理各种动态交互需求,包括但不限于用户输入验证、页面元素操作以及时间日期的处理。...

    javascript时间显示各种特效

    我们可以使用`Date()`构造函数创建一个表示当前日期和时间的对象,然后通过`getFullYear()`, `getMonth()`, `getDate()`, `getHours()`, `getMinutes()`, 和 `getSeconds()`等方法获取各个部分。为了格式化时间,...

Global site tag (gtag.js) - Google Analytics