日期对象-Date

2018-02-28 本文已影响0人挥剑斩浮云

<script type="text/javascript">
    // 创建 Date 对象： new Date()
    var date = new Date();

    //返回当日的日期和时间
    console.log(date);

    //dir输出内容的结构
    console.dir(date);

    //获取年
    console.log(date.getYear());//已被放弃
    console.log(date.getFullYear());//用这个

    //获取月 - 从 Date 对象返回月份 (0 ~ 11) 所以要+1
    console.log(date.getMonth() + 1);

    //获取日 - 从 Date 对象返回一个月中的某一天 (1 ~ 31)
    console.log(date.getDate());

    //获取星期几 从 Date 对象返回一周中的某一天 (0 ~ 6)
    console.log(date.getDay());

    //获取小时 - 返回 Date 对象的小时 (0 ~ 23)
    console.log(date.getHours());

    //获取分 - 返回 Date 对象的分钟 (0 ~ 59)
    console.log(date.getMinutes());

    //获取秒 - 返回 Date 对象的秒数 (0 ~ 59)
    console.log(date.getSeconds());

    //获取毫秒 - 返回 Date 对象的毫秒(0 ~ 999)
    console.log(date.getMilliseconds());

    //获取时间戳 - 1970年1月1日0时0分秒至今的毫秒数
    console.log(date.getTime());

    //返回本地时间与格林威治标准时间 (GMT) 的分钟差
    console.log(date.getUTCHours());

    //set-设置 get-获取
    //get有的set都有
</script>

1、创建Date对象

在JavaScript中，创建日期对象必须使用“new语句”。使用关键字new新建日期对象时，常用的有2种：

方法一：
var 日期对象名 = new Date();

方法二：
var 日期对象名 = new Date(日期字符串);

方法一用于获取当前系统的时间，输出格式为如下：

image.png
方法二的日期字符串可以是以下几种形式：
（1）"2015-5-3"
（2）"May 3,2015"
（3）"2015/5/3"

var dt1 = new Date("2015-5-3");
var dt2 = new Date("May 3,2015");
var dt3 = new Date("2015/5/3");

2、Date对象方法

日期对象Date的方法主要分为三大组：setXxx、getXxx和toXxx
setXxx用于设置时间和日期值；getXxx用于获取时间和日期值；toXxxx主要是将日期转换为指定格式

Date对象方法

3、获取当前完整日期时间Date()

很简单，就是直接使用Date()方法返回系统当前日期时间

语法：
Date()

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        document.write(Date());
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

4、获取当前年、月、日

在JavaScript中，使用getFullYear()、getMonth()和getDate()这3种方法来获取当前的年、月、日

JavaScript获取当前年、月、日

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var my_day=d.getDate();
        var my_month=d.getMonth()+1;
        var my_year=d.getFullYear();
        document.write("今天是"+my_year+"年"+my_month+"月"+my_day+"日");
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var my_day=d.getDate();
        var my_month=d.getMonth()+1;
        var my_year=d.getFullYear();
        document.write("今天是"+my_year+"年"+my_month+"月"+my_day+"日");
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

分析：

细心的同学发现，“var my_month=d.getMonth()+1;”这句代码使用了“+1”。其实，那是因为getMonth()方法返回值是0（一月）到11（十二月）之间的一个整数，所以必须加1月份才正确

还要注意一下，获取当前的“日”，不是使用getDay()，而是使用getDate()，大家要看仔细啦！

5、设置当前年、月、日

在JavaScript中，使用setFullYear()、setMonth()和setDate()方法来设置日期对象的年、月、日
1、setFullYear()方法
使用setFullYear()方法可以设置日期对象中的年份

语法：
日期对象.setFullYear(year,month,day)

说明：
参数year为必选项，表示年份的4位整数，用本地时间表示。
参数month为可选项，表示月份的数值，介于0~11之间，用本地时间表示。
参数day为可选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示。
2、setMonth()方法
使用setMonth()方法可以设置日期对象中的月份。

语法：
日期对象.setMonth(month,day)

说明：
参数month为必选项，表示月份的数值，介于0~11之间，用本地时间表示。
参数day为可选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示
3、setDate()方法
使用setDate()方法可以设置日期对象中的日数。

语法：
日期对象.setDate(day)

说明：
参数day为必选项，表示月份中某一天的数值，介于1~31之间，用本地时间表示

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        d.setFullYear(1992,09,01);
        document.write("我设置的时间是："+d);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

分析：
在此得跟大家说一下，大家可要留意了，getFullYear()只能获取当前年份，但是setFullYear()却可以同时设置年、月、日；getMonth只能获取当前月份，但是setMonth()却可以同时设置月、日。大家得稍微思考并比较记忆一下

6、获取当前时、分、秒

在JavaScript中，使用getHours()、getMinutes()、getSeconds()这3种方法分别用来获取当前的时、分、秒

JavaScript获取当前时分秒

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var my_hours=d.getHours();
        var my_minutes=d.getMinutes();
        var my_seconds=d.getSeconds();
        document.write("当前时间是："+my_hours+":"+my_minutes+":"+my_seconds);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

获取的时分秒是根据当前系统时间的

7、设置当前时、分、秒

在JavaScript中，使用setHours()、setMinutes()和setSeconds()方法来设置日期对象的时、分、秒
1、setHours()方法
在javascript中，使用setHours()方法可以设置日期对象中的小时

语法：
日期对象.setHours(hour,min,sec,millisec)

说明：
参数hour为必选项，表示小时的数值，是0~23之间的一个整数。
参数min为可选项，表示分钟的数值，是0~59之间的一个整数。
参数sec为可选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
2、setMinutes()方法
在javascript中，使用setMinutes()方法可以设置日期对象中的分钟

语法：
日期对象.setMinutes(min,sec,millisec)

说明：
参数min为必选项，表示分钟的数值，是0~59之间的一个整数。
参数sec为可选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数
3、setSeconds()方法
在javascript中，使用setSeconds()方法可以设置日期对象的秒数

语法：
日期对象.setSeconds(sec,millisec)

说明：
参数sec为必选项，表示秒数，是0~59之间的一个整数。不过在EMCAScript标准化之前，不支持该参数。
参数millisec为可选项，表示毫秒数，是0~999之间的一个整数。不过在EMCAScript标准化之前，不支持该参数

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        d.setHours(12,10,30);
        document.write("我设置的时间是："+d);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

分析：
在此得跟大家说一下，大家可要留意了，getHours()只能获取当前小时数，但是setHours()却可以同时设置时、分、秒、毫秒；getMinutes()只能获取当前分钟数，但是setMinutes()却可以同时设置分、秒、毫秒。大家得稍微思考并比较记忆一下。
设置时间往往都是将setFullYear()和setHours()结合使用来设置完整时间。其实setFullYear()设置年、月、日，setHours()设置时、分、秒、毫秒

8、将日期时间转换为字符串

在JavaScript中，将日期时间转换为字符串，共有3种方法：
（1）toString()方法；
（2）toUTCString()方法；
（3）toLocaleString()方法；
一、toString()方法
在JavaScript中，使用toString()方法可以将日期对象Date转换为字符串，并返回结果

语法：
日期对象.toString()

说明：使用toString()方法后，日期对象的字符串表示使用本地时间表示

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        document.write(d.toString());
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

二、toUTCString()方法
在JavaScript中，使用toUTCString()方法可根据世界时间（UTC）把Date对象转换为字符串，并返回结果

语法：
日期对象.toUTCString()

说明：toUTCString()方法后，日期对象的字符串表示使用世界时间（UTC）表示

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        document.write(d.toUTCString());
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

三、toLocaleString()方法
在JavaScript中，使用toLocalString()方法可根据本地时间把Date对象转换为字符串，并返回结果

语法：
日期对象.toLocaleString()

说明：使用toLocalString()方法后，日期对象的字符串表示使用本地时间格式来表示

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        document.write(d.toLocaleString());
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

分析：toLocalString()方法是将日期时间用本地时间格式表示，因此大家在测试的时候有可能会跟上面预览效果有所出入

9、获取星期几

在JavaScript中，使用getUTCDay()方法可以根据世界时间（UTC）返回表示星期几的一个数字

语法：
日期对象.getUTCDay()

<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <script type="text/javascript">
        var d = new Date();
        var weekday = new Array(7);
        weekday[0] = "星期日";
        weekday[1] = "星期一";
        weekday[2] = "星期二";
        weekday[3] = "星期三";
        weekday[4] = "星期四";
        weekday[5] = "星期五";
        weekday[6] = "星期六";
        document.write("getUTCDay()获取数组下标是："+d.getUTCDay()+"<br>");
        document.write("今天是：" + weekday[d.getUTCDay()]);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果

日期对象-Date

1、创建Date对象

2、Date对象方法

3、获取当前完整日期时间Date()

4、获取当前年、月、日

5、设置当前年、月、日

6、获取当前时、分、秒

7、设置当前时、分、秒

8、将日期时间转换为字符串

9、获取星期几

猜你喜欢

热点阅读