历史版本12 :日期对象 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

JavaScript 中经常需要对日期型的数据进行操作,操作后给日期控件赋值。在对日期数据进行操作时,需要用 JavaScript 中的日期函数来处理日期对象。

本文将介绍 JavaScript 中常用的日期函数,并通过多个示例来演示如何给控件赋一个日期值。

2. 常用日期函数编辑

注:日期函数的操作对象必须是日期对象。

方法
说明
getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)
getFullYear()从 Date 对象以四位数字返回年份
getMonth()从 Date 对象返回月份 (0 ~ 11)
getHours()返回 Date 对象的小时 (0 ~ 23)
getMinutes()返回 Date 对象的分钟 (0 ~ 59)
getSeconds()返回 Date 对象的秒数 (0 ~ 59)
getMilliseconds()返回 Date 对象的毫秒(0 ~ 999)
getTime()返回 1970 年 1 月 1 日至今的毫秒数
setDate()设置 Date 对象中月的某一天 (1 ~ 31)
setMonth()设置 Date 对象中月份 (0 ~ 11)
setFullYear()设置 Date 对象中的年份(四位数字)
setHours()设置 Date 对象中的小时 (0 ~ 23)
setMinutes()设置 Date 对象中的分钟 (0 ~ 59)
setSeconds()设置 Date 对象中的秒钟 (0 ~ 59)
setMilliseconds()设置 Date 对象中的毫秒 (0 ~ 999)
setTime()以毫秒设置 Date 对象
toDateString()把 Date 对象的日期部分转换为字符串
toTimeString()把 Date 对象的时间部分转换为字符串
toLocaleString()根据本地时间格式,把 Date 对象转换为字符串
toLocaleDateString()根据本地时间格式,把 Date 对象的日期部分转换为字符串
toLocaleTimeString()根据本地时间格式,把 Date 对象的时间部分转换为字符串

3. 示例编辑

通过参数面板上的控件来进行一些示例演示。如下图所示:

222
注:对日期的加减,对月份的加减,对年份的加减等等,都是使用对应的 get 方法然后再使用 set 方法进行设置。

3.1 获取当前日期

实现点击“按钮”的时候,给日期控件赋一个当前日期。

给按钮添加点击事件,JavaScript 代码如下:

var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒) 
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件

效果如下:

222

3.2 获取前一天的值

对日期的加减是通过 setDate()方法。在 3.1 示例中,获得当前日期后取前一天的。

var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒)
mydate.setDate(mydate.getDate()-1); //设置日期对象中的“日”,为当前日-1
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件

效果如下:

222

3.3 获取前一个月的值

对月份的加减通过 setMonth() 方法。在原当前日例子中,获得当前日期的月份减 1。

var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒)
mydate.setMonth(mydate.getMonth()-1); //设置日期对象中的“月”,为当前月-1
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件

效果如下:

222