JS中常用的Date内置对象&处理Date内置对象的一些方法

news2024/9/25 9:39:56
  • JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象

  • 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能

  • JavaScript 提供了多个内置对象:Math、 Date 、Array、String等

  •  JS中常用的Math数学内置对象:http://t.csdn.cn/fwWSQ

目录

1.Date对象

1.getDate()返回指定日期在月中的第几天(从 1 到 31)

e.g.1返回指定日期的日

e.g.2返回当前时间的日

2.getFullYear()返回指定日期的年份(1000 年到 9999 年之间的日期的四位数字)

e.g.1返回指定日期的年份

e.g.2返回当前时间的年份 

3.getMonth()返回根据本地时间返回指定日期的月份(从 0 到 11)

一月为 0,二月为 1,依此类推

e.g.1返回指定日期的月

e.g.2返回当前时间的月

 4.getDay()返回指定日期是星期几(从 0 到 6)

星期日为 0,星期一为 1,依此类推

e.g.1返回指定日期是星期几

e.g.2返回当前时间是星期几

 5.getHours()返回指定日期和时间的小时数(从 0 到 23)

e.g.1返回指定日期的小时数

e.g.2返回当前时间的小时数

  6.getMinutes() 返回指定日期和时间的分钟数(从 0 到 59)

e.g.1返回指定日期的分钟数

e.g.2返回当前时间的分钟数

   7.getSeconds() 返回指定日期和时间的秒数(从 0 到 59)

e.g.1返回指定日期的秒数

e.g.2返回当前时间的秒数

2.处理Date内置对象的一些方法

1.toLocaleString()转换指定Date内置对象的日期和时间为字符串,并返回结果

e.g.1转换指定日期和时间为字符串

e.g.2转换当前日期和时间为字符串

2.可以学习一下倒计时案例中的对时,秒,分的处理方法

(1)倒计时案例:http://t.csdn.cn/OlStf

(2)倒计时案例核心算法和转换公式:

(3)倒计时案例中,用三元表达式,处理当时,秒,分<10时:为了保持时,秒,分一直都呈现xx:xx:xx的状态】

 (4)倒计时案例中,用三元表达式,处理当时,月,日,秒,分,秒<10时的方法可以应用在新闻列表案例中

新闻列表案例中,关于新闻发表时间的部分,也可以用这样的三元表达式来写:

新闻列表案例(该案例中是将补零部分,封装了一个补零函数,然后月,日,时,分,秒,调用该函数):http://t.csdn.cn/4R3O2


1.Date对象

Date 对象用于处理日期和时间

日期对象用 new Date() 创建

实例化日期有四种方式: 

var d = new Date();//创建当前时间的日期对象
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

1.getDate()返回指定日期在月中的第几天(从 1 到 31)

e.g.1返回指定日期的日

        var d = new Date("July 21, 1983 01:15:00");
        var n = d.getDate();
        console.log(n);//21

e.g.2返回当前时间的日

        var d = new Date();
        var n = d.getDate();
        console.log(n);//当前时间的日

2.getFullYear()返回指定日期的年份(1000 年到 9999 年之间的日期的四位数字)

e.g.1返回指定日期的年份

        var d = new Date('July 21, 1983 01:15:00');
        var n = d.getFullYear();
        console.log(n);//1983

e.g.2返回当前时间的年份 

        var d = new Date();
        var n = d.getFullYear();
        console.log(n);//当前时间的年份

3.getMonth()返回根据本地时间返回指定日期的月份(从 0 到 11)

一月为 0,二月为 1,依此类推

e.g.1返回指定日期的月

        var d = new Date("July 21, 1983 01:15:00");
        var n = d.getMonth() + 1;
        console.log(n);//7  July是7月

e.g.2返回当前时间的月

        var d = new Date();
        var n = d.getMonth() + 1;
        console.log(n);//当前时间的月

 4.getDay()返回指定日期是星期几(从 0 到 6)

星期日为 0,星期一为 1,依此类推

e.g.1返回指定日期是星期几

        var d = new Date('December 3, 2022 01:15:00');
        var weekday = new Array(7);
        weekday[0] = "Sunday";
        weekday[1] = "Monday";
        weekday[2] = "Tuesday";
        weekday[3] = "Wednesday";
        weekday[4] = "Thursday";
        weekday[5] = "Friday";
        weekday[6] = "Saturday";
        var n = weekday[d.getDay()];
        console.log(n);//Saturday周六

e.g.2返回当前时间是星期几

        var d = new Date();
        var weekday = new Array(7);
        weekday[0] = "Sunday";
        weekday[1] = "Monday";
        weekday[2] = "Tuesday";
        weekday[3] = "Wednesday";
        weekday[4] = "Thursday";
        weekday[5] = "Friday";
        weekday[6] = "Saturday";
        var n = weekday[d.getDay()];
        console.log(n);//当前时间对应的星期几

 5.getHours()返回指定日期和时间的小时数(从 0 到 23)

e.g.1返回指定日期的小时数

        var d = new Date("July 21, 1983 01:15:00");
        var n = d.getHours();
        console.log(n);//1

e.g.2返回当前时间的小时数

        var d = new Date();
        var n = d.getHours();
        console.log(n);//当前时间的小时数

  6.getMinutes() 返回指定日期和时间的分钟数(从 0 到 59)

e.g.1返回指定日期的分钟数

        var d = new Date("July 21, 1983 01:15:00");
        var n = d.getMinutes();
        console.log(n);//15

e.g.2返回当前时间的分钟数

        var d = new Date();
        var n = d.getMinutes();
        console.log(n);//当前时间的分钟数

   7.getSeconds() 返回指定日期和时间的秒数(从 0 到 59)

e.g.1返回指定日期的秒数

        var d = new Date('July 21, 1983 01:15:09');
        var n = d.getSeconds();
        console.log(n);//9

e.g.2返回当前时间的秒数

        var d = new Date();
        var n = d.getSeconds();
        console.log(n);//当前时间的秒数

2.处理Date内置对象的一些方法

1.toLocaleString()转换指定Date内置对象的日期和时间字符串,并返回结果

e.g.1转换指定日期和时间为字符串

        var d = new Date('July 21, 1983 01:15:00');
        var n = d.toLocaleString();
        console.log(n);//1983/7/21 01:15:00

e.g.2转换当前日期和时间为字符串

        var d = new Date();
        var n = d.toLocaleString();
        console.log(n);//xxxx/x/xx xx:xx:xx  当前时间的日期和时间

2.可以学习一下倒计时案例中的对时,秒,分的处理方法

(1)倒计时案例:http://t.csdn.cn/OlStf

(2)倒计时案例核心算法转换公式

(3)倒计时案例中,用三元表达式,处理当时,秒,分<10时:为了保持时,秒,分一直都呈现xx:xx:xx的状态

三元表达式:

条件表达式?表达式1:表达式2

条件表达式为true,返回表达式1

条件表达式为false,返回表达式2

 (4)倒计时案例中,用三元表达式,处理当时,月,日,秒,分,秒<10时的方法可以应用在新闻列表案例中

新闻列表案例中,关于新闻发表时间的部分,也可以用这样的三元表达式来写:

template.defaults.imports.dateFormat = function (dtStr) {//dtStr接收html中$value.time的值
        var dt = new Date(dtStr);//根据给定的字符串得到一个日期对象
        var y = dt.getFullYear();//年
        var m = dt.getMonth() + 1;//月
        //5.为了让时,分,秒一直保持xx:xx:xx的状态,给月<10的时候,前面补0
        m = m < 10 ? '0' + m : m;
        var d = dt.getDate();//日
        //5.为了让时,分,秒一直保持xx:xx:xx的状态,给日<10的时候,前面补0
        d = d < 10 ? '0' + d : d;
        var hh = dt.getHours();//时
        //5.为了让时,分,秒一直保持xx:xx:xx的状态,给时<10的时候,前面补0
        hh = hh < 10 ? '0' + hh : hh;
        var mm = dt.getMinutes();//分
        //5.为了让时,分,秒一直保持xx:xx:xx的状态,给分<10的时候,前面补0
        mm = mm < 10 ? '0' + mm : mm;
        var ss = dt.getSeconds();//秒
        //5.为了让时,分,秒一直保持xx:xx:xx的状态,给秒<10的时候,前面补0
        ss = ss < 10 ? '0' + ss : ss;
        return y + '-' + m + '-' + d + '-' + hh + '-' + mm + '-' + ss;
    }

新闻列表案例(该案例中是将补零部分,封装了一个补零函数,然后月,日,时,分,秒,调用该函数):http://t.csdn.cn/4R3O2

 //6.封装函数padZero,用来给月,日,时,分,秒<0时补零
    //为了保持时分秒一直是xx月—xx日 xx时:xx分:xx秒 的状态
    function padZero(n) {
        return n = n < 10 ? '0' + n : n;
    }
    //5.定义格式化时间的过滤器
    // 此处该过滤器名称是dateFormat
    template.defaults.imports.dateFormat = function (dtStr) {//dtStr接收html中$value.time的值
        var dt = new Date(dtStr);//根据给定的字符串得到一个日期对象
        var y = dt.getFullYear();//年
        var m = padZero(dt.getMonth() + 1);//月
        var d = padZero(dt.getDate());//日
        var hh = padZero(dt.getHours());//时
        var mm = padZero(dt.getMinutes());//分
        var ss = padZero(dt.getSeconds());//秒
        return y + '-' + m + '-' + d + '-' + hh + '-' + mm + '-' + ss;
    }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/56664.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

2023最新SSM计算机毕业设计选题大全(附源码+LW)之java高校教师科研能力评定系统40n60

要对当前自己的学校对于计算机毕业设计的要求以及严格程度有所了解&#xff0c;这个主要是借助上一届已经毕业的学长学姐了解一下&#xff0c;但是有一点要注意的是&#xff0c;对于每一届毕业生的毕业设计的处理&#xff0c;学校都有很大的调整&#xff0c;这一点尤其重要。其…

springboot基于微信小程序的社区居家养老互助服务管理平台设计与实现毕业设计源码062027

基于springboot微信小程序的社区居家养老互助系统 摘 要 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;微信小…

springboot毕业生跟踪调查管理系统毕业设计源码061528

springboot毕业生跟踪调查管理系统 摘 要 信息化社会内需要与之针对性的信息获取途径&#xff0c;但是途径的扩展基本上为人们所努力的方向&#xff0c;由于站在的角度存在偏差&#xff0c;人们经常能够获得不同类型信息&#xff0c;这也是技术最为难以攻克的课题。针对毕业生跟…

使用Sinon和Rewire对JavaScript中的私有方法进行单元测试

我们曾经试图遵循良好的编程习惯&#xff0c;在创建和定义方法时尽可能按照“职责单一”和“开放-封闭”原则将那些没有必要暴露出来的方法定义为私有方法&#xff0c;但是在编写测试用例时又往往对这些设计原则嗤之以鼻&#xff0c;因为你会为无法编写测试这些私有方法的测试用…

OpenCV图像特征提取学习五,HOG特征检测算法

一、HOG向梯度直方图概述 向梯度直方图&#xff08;Histogram of Oriented Gradient, HOG&#xff09;特征是基于对稠密网格中归一化的局部方向梯度直方图的计算。此方法的基本观点是&#xff1a;局部目标的外表和形状可以被局部梯度或边缘方向的分布很好的描述&#xff0c;即使…

[附源码]计算机毕业设计springboot校园订餐系统

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

Hive企业实战ORC表数据翻倍,颠覆你认知的Cluster by作用?

咱们玩开源和大数据领域的几乎天天和Exception和Error打交道&#xff0c;尤其是面对海量数据的存储计算&#xff0c;复杂业务场景的时候。 真正能让你学到东西的大数据都需要是符合大数据特点的数据&#xff0c;比如低价值密度&#xff0c;如何从一眼看不出价值的数据中挖掘出商…

[附源码]计算机毕业设计游戏论坛网站Springboot程序

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…

C语言初学者必学必会的C语言必背100代码

对于C语言这门计算机语言&#xff0c;算是老生常谈了&#xff0c;现在就由我来给大家分享几个关于C语言的几个代码吧&#xff01;(如果有错的地方还望见谅) 1.入门级别hello&#xff0c;world #include<stdio.h> int main() { printf("Hello,world!\n"); …

基于PHP+MySQL员工电子考勤网站的设计与实现

民工电子考勤网站是信息时代的产物,它是管理人员的一个好帮手。有了它不再需要繁重的纸质登记,有了它管理员不再需要繁重的工作,一些员工信息,考勤信息等基本信息可以由管理人员及时的对信息进行查询、更新、修改和删除,方便简易,且时效性高。 随着信息技术的不断进步,运用于活…

C++11标准模板(STL)- 算法(std::set_difference)

定义于头文件 <algorithm> 算法库提供大量用途的函数&#xff08;例如查找、排序、计数、操作&#xff09;&#xff0c;它们在元素范围上操作。注意范围定义为 [first, last) &#xff0c;其中 last 指代要查询或修改的最后元素的后一个元素。 计算两个集合的差集 std:…

Maven的简单介绍

Maven 构件 <packaging> : pom、jar、ear、war以及maven-plugin,构建Maven之后所生成的文件类型&#xff0c;Pom本身不产生构件&#xff0c;用来作为依赖库。 pom类型常用于微服务中作为父Pom,通过 可以将子模块包含进来&#xff0c;共享父Pom的依赖&#xff0c; GAV坐标…

【数据库与事务系列】多数据源切换

分库分表 不光是管理多个数据源&#xff0c;是对sql的优化、改写、归并等一系列操作的解决方案。关注的是sql语句。以shardingSphere为例&#xff0c;虽然也支持跟sql无关的hint策略提供路由功能&#xff0c;但是在sql改写以及归并过程中&#xff0c;依旧对sql有限制。 多数据…

页面转变为灰色,如此简单

页面转变为灰色 网站变灰色 html标签 一、通过浏览器操作 在网页端按下 F12&#xff0c;打开开发者模式&#xff0c;用元素选择器定位到 HTML 标签上&#xff0c;在「样式」的面板中往下翻&#xff0c;就可以看到这样一段代码。 在html标签添加filter: grayscale(100%); 效…

LAS、CTC、RNN-T、NT、MoChA

LAS LAS是一个做语音识别的经典seq2seq模型&#xff0c;主要分为三个部分Listen、Attention、Spell Listen Listen部分就是一个encoder。 输入声学特征向量&#xff0c;提取信息、消除噪声&#xff0c;输出向量。 encoder可以是RNN 也可以是CNN。比较常见的是先用CNN&…

多元宇宙算法求解电力系统多目标优化问题(Matlab实现)【电气期刊论文复现与算例创新】

&#x1f4a5;&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️❤️&#x1f4a5;&#x1f4a5;&#x1f4a5; &#x1f4dd;目前更新&#xff1a;&#x1f31f;&#x1f31f;&#x1f31f;电力系统相关知识&#xff0c;期刊论文&…

Shiro-SpringBoot (一)

前不久负责项目中刚好也使用了Shiro做权限控制&#xff0c;趁着空闲期想把之前做的整理一下。在日常项目开发中&#xff0c;权限认证是不可少的模块。比较常用的有Spring Security&#xff0c;或是轻量级的Apache Shiro。相对来说Shiro提供了认证、授权、加密、会话管理、与Web…

华为机试 - 羊、狼、农夫过河

目录 题目描述 输入描述 输出描述 用例 题目解析 算法源码 题目描述 羊、狼、农夫都在岸边&#xff0c;当羊的数量小于狼的数量时&#xff0c;狼会攻击羊&#xff0c;农夫则会损失羊。农夫有一艘容量固定的船&#xff0c;能够承载固定数量的动物。 要求求出不损失羊情况…

体验Vue3的SSR框架 - Nuxt3

SSR 与 Nuxt SSR 是 Server-Side Rendering&#xff0c;即服务端渲染的英文缩写。 Vue.js 是一个用于构建客户端应用的框架。默认情况下&#xff0c;Vue 组件的职责是在浏览器中生成和操作 DOM。在客户端是单页应用 (SPA) 。 也可以将 vue 程序在服务端渲染&#xff0c;渲染…

【GD-1开发板】CH340驱动安装方法

CH340驱动安装方法正常情况异常情况CH340驱动安装步骤现在国产ARM替代STM32的arm芯片运动正如火如荼进行中&#xff0c;我也录制了一套完整的”ARM嵌入式开发入门教程“&#xff0c;并配套了一个GD32F103C8T6的开发板。 但有小伙伴拿到板子后&#xff0c;说下载程序的时候&…