JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;

时间:2022-09-24 14:06:41

学习目标

1.掌握创建日期对象的方法

2.掌握date对象中获取日期时间的方法

3.掌握date对象中设置日期时间的方法

如何创建一个日期对象

语法:new Date();

功能:创建一个日期时间对象

返回值:比传参的情况下,返回当前的日期时间对象。

说明:如果想根据特定的日期和时间创建日期对象,必需传入表示该日期的:

毫秒数或者是一组用逗号隔开的表示年月日时分秒的参数。

<script>
       // 创建一个日期时间对象
       var weeks=["日","一","二","三","四","五","六"],
           today=new Date(),
           year=today.getFullYear(),
           month=today.getMonth()+1,
           date=today.getDate(),
           week=today.getDay(),
           hours=today.getHours(),
           minutes=today.getMinutes(),
           seconds=today.getSeconds(),
           times=today.getTime(),
           time=year+'年'+month+'月'+date+'日'+hours+'时'+minutes+'分'+seconds+'秒 星期'+weeks[week];
       console.log("现在是:"+time);
       console.log(times);
    </script>

获取年月日时分秒及星期的方法

1.getFullYear():返回4位数的年份

2.getMonth():返回日期中的月份,返回值为0-11

3.getDate():返回月份中的天数

4.getDay():返回星期,返回值为0-6

5.getHours():返回小时

6.getMinutes():返回分

7.getSeconds():返回秒

8.getTime():返回表示日期的毫秒数

<script>
        // 创建一个日期时间对象
        var today=new Date();
        //today.setFullYear(2017);
        //today.setMonth(15);
        //console.log(today.getFullYear());
        //  50天之后是星期
        // 第一种做法
        //today.setDate(today.getDate()+50);
        //console.log(today.getDay());
        // 第二种做法
        var weeks=["日","一","二","三","四","五","六"];
        var year=today.getFullYear();
        var month=today.getMonth();
        var day=today.getDate();
        // 创建了一个目标日期对象,年,月,日,时,分,秒
        var temp=new Date(year+1,month,day);
        console.log("50天后的今天是:"+temp.getFullYear()+'-'+(temp.getMonth()+1)+'-'+temp.getDate()+'-'+'星期'+weeks[temp.getDay()]);
    </script>

设置年月日时分秒及星期的方法

1.setFullYear():返回4位数的年份

2.setMonth():返回日期中的月份,从0开始,0表示1月

3.setDate():设置日期

4.4.setDay():返回星期,从0开始,0表示星期日

5.setHours():返回小时

6.setMinutes():返回分

7.setSeconds():返回秒

8.setTime():以毫秒数设置日期,会改变整个日期

<script>
        function addZero(num){
           if(num<10){
              return '0'+num;
           }else{
              return num;
           }
        }
        // 返回n天之后的日期时间对象
        function get_date(n){
           // 判断n,如果是未定义的,则返回当前日期,否则返回n天之后的日期
           n=typeof(n)==="undefined"?0:n;
           // 创建一个当前的日期时间对象
           var date=new Date(),
               times=date.getTime(),   // 到现在为止的毫秒数
               tempDate=new Date(),    // 未来的一个日期对象
               //times=date*1;  // 等价于getTime()隐式类型转换
               tempTimes=times+86400000*n,
               year,mon,day;
           // 将tempTimes设置为当前
           tempDate.setTime(tempTimes);
           year=tempDate.getFullYear();
           mon=addZero(tempDate.getMonth()+1);
           day=addZero(tempDate.getDate());
           return year+'-'+mon+'-'+day;
        }
        console.log(get_date(20));
    </script>

JavaScript中的内置对象-8--4.date对象中-获取,设置日期时间的方法; 获取,设置年月日时分秒及星期的方法;的更多相关文章

  1. javascript中的内置对象

    2015.12.1 javascript中的内置对象 复习: 1.js中的内置函数 alert prompt write parseInt parseFloat eval isNaN document ...

  2. javascript中的内置对象和数据结构

    目录 简介 基础类型 undefined Boolean和Boolean对象 Number和BigInt String Symbol null Object Function Date Array K ...

  3. JS中的内置对象简介与简单的属性方法

    JS中的数组: 1.数组的概念: 数组是在内存中连续存储的多个有序元素的结构,元素的顺序称为下标,通过下标查找对应元素 2.数组的声明: ①通过字面量声明var arr1 = [,,,,] JS中同一 ...

  4. 秒懂ASP&period;NET中的内置对象

    上篇博客,小编主要简单的介绍了一下ASP.NET中的控件,这篇博客,小编主要简单总结一下ASP.NET中的内置对象,七个内置对象分别是:Request.Response.Application.Coo ...

  5. jsp篇 之 Jsp中的内置对象和范围对象

    Jsp中的内置对象: 在jsp页面代码中不需要声明,直接可以使用的对象. 一共有[9个内置对象]可以直接使用. 对象类型           名字 PageContext          pageC ...

  6. JSP中的内置对象和Struts中的Web资源的详解

    JSP中的内置对象有如下几种: request :继承于HttpServletRequest, HttpServletRequest继承ServletRequest, 获得的Request对象的方法: ...

  7. IT兄弟连 JavaWeb教程 EL表达式中的内置对象

    EL语言定义了11个隐含对象,它们都是java.util.Map类型,网页制作者可通过它们来便捷地访问Web应用中的特定数据.表1对这11个隐含对象做了说明. 1  EL表达式中的内置对象 这11个隐 ...

  8. JavaScript中的内置函数

    JavaScript中的内置函数 制作人:全心全意 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供 ...

  9. C&num;使用Word中的内置对话框实例

    本文实例讲述了C#使用Word中的内置对话框的方法,分享给大家供大家参考.具体实现方法如下: 使用 Microsoft Office Word 时,有时需要显示用户输入对话框.虽然可以创建自己的对话框 ...

随机推荐

  1. centos 7 &plus; mono &plus; jexus 环境安装

    1.安装 mlocate yum list|grep locate yum install mlocate.x86_64 updatedb 2.安装 yum-utils yum list|grep y ...

  2. python课程第三周重点记录

    1.关于set,set是一个无序且不重复的元素集合 s = set(["ss","dd","pp"]) #创建set s1 = set([& ...

  3. devexpress13学习系列(三)PDFViewer(3)

    PdfDocumentProperties Class 该类,用来显示载入的pdf文件的属性,包括:   Name Description Application Indicates the appl ...

  4. Lua与C&plus;&plus;交互初探之Lua调用C&plus;&plus;

    Lua与C++交互初探之Lua调用C++ 上一篇我们已经成功将Lua的运行环境搭建了起来,也成功在C++里调用了Lua函数.今天我来讲解一下如何在Lua里调用C++函数. Lua作为一个轻量级脚本语言 ...

  5. windows JDK 版本切换

    windows JDK 版本切换1. HKEY_LOCAL_MACHINE“SOFTWARE“JavaSoft“Java Runtime Environment“CurrentVersion, 把这个 ...

  6. elecworks中&OpenCurlyDoubleQuote;插入点”的意思

    elecworks中自建符号时,”插入点“的用法: 插入点的作用是:建好的符号加入符号库后,从库里调用符号到原理图中时“插入点”就是符号的中心点---鼠标光标拖动的点. (插入点即为符号调出 时插入图 ...

  7. mysql 获取原数据

    show  databases show  tables information_schema show tables 语句的输出不包含temporary表   查看服务器所有数据库 >show ...

  8. TabLayout您可能不知道的实用用法

    一.修改点击的动画 函数:setUnboundedRipple 这是默认的点击的动画 我们用代码修改一下: mGlueTabLayout.setUnboundedRipple(true); 这是之后的 ...

  9. Java解析XML文件的常用方法介绍

    XML是一个可扩展标记语言.很多时候我们需要进行数据交换,同时也存在跨平台使用,XML文件对这些需求提供了很好的帮助! 对于Java来说,XML常见的用途就是保存数据和配置,这就涉及了对XML文件的增 ...

  10. EF 事物Transaction简单操作

    /// <summary> /// 申请提现 /// </summary> /// <param name="userId">用户id</ ...