1. 概述
JavaScript 中经常需要对日期型的数据进行操作,操作后给日期控件赋值。在对日期数据进行操作时,需要用 JavaScript 中的日期函数来处理日期对象。
本文将介绍 JavaScript 中常用的日期函数,并通过多个示例来演示如何给控件赋一个日期值。
2. 常用日期函数
注:日期函数的操作对象必须是日期对象。
方法 | 说明 |
---|---|
getDate() | 返回 Date 对象的天 (1 ~ 31) |
getDay() | 返回 Date 对象的周(0~6),星期天为 0, 以此类推 |
getFullYear() | 返回 Date 对象表示年份的 4 位数字 |
getMonth() | 返回 Date 对象的月份(0-11), 一月为 0, 二月为 1, 以此类推 |
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. 示例
通过参数面板上的控件来进行一些示例演示。如下图所示:
注:对日期的加减,对月份的加减,对年份的加减等等,都是使用对应的 get 方法然后再使用 set 方法进行设置。
3.1 获取当前日期
实现点击“按钮”的时候,给日期控件赋一个当前日期。
给按钮添加点击事件,JavaScript 代码如下:
var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒)
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件
效果如下:
3.2 获取前一天的值
对日期的加减是通过 setDate()方法。在 3.1 示例中,获得当前日期后取前一天的。
var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒)
mydate.setDate(mydate.getDate()-1); //设置日期对象中的“日”,为当前日-1
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件
效果如下:
3.3 获取前一个月的值
对月份的加减通过 setMonth() 方法。在原当前日例子中,获得当前日期的月份减 1。
var mydate = new Date(); //创建日期对象,返回值为当前日期(包含时分秒)
mydate.setMonth(mydate.getMonth()-1); //设置日期对象中的“月”,为当前月-1
this.options.form.getWidgetByName("date").setValue(mydate); //赋值给日期控件
效果如下: