码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • JS中常用的Date内置对象&处理Date内置对象的一些方法


    • 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() 创建。

    实例化日期有四种方式: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    1. var d = new Date();
    2. var n = d.toLocaleString();
    3. 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时的方法可以应用在新闻列表案例中

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

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

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

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

  • 相关阅读:
    力扣 # 27. 移除元素 JAVA实现
    【tg】9 : InstanceImpl 、 虚拟的音频渲染设备FakeAudioDeviceModuleImpl
    基于Spark的数据清洗与转换
    吴恩达老师机器学习课程笔记 02 单变量线性回归
    JVM常用性能分析工具
    合合信息技术专家出席“海聚英才”全球创新创业峰会,为卓越工程师培养“支招”
    【C++】C语言可变函数参数 | C++11可变参数模板
    C# 手写识别方案整理
    xxl-job源码解读:触发器Trigger
    app测试和web测试有什么区别
  • 原文地址:https://blog.csdn.net/weixin_72322475/article/details/128157208
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号