首页 > 软件开发 > HTML >

JavaScript中的Date对象怎么使用

来源:互联网 2023-03-16 19:11:07 361

首先对象的使用肯定是根据需求的变动而改变的。下面我们使用JS中Date对象的完成如下图格式的时间显示效果(年/月/日 的时间格式也是较为常见的格式 )。YUr办公区 - 实用经验教程分享!

JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

方法/步骤

  • 1

    如下图所示,我们创建一个HTML文件(例子较为简单,不需要单独创建成js文件)。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 2

    然后在该html文件中通过script标签来添加javascript的代码。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 3

    首先创建一个变量d,然后将 new Date();赋值给d.这样我们就获取了当天的日期。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 4

    但是运行可以看到这个日期的格式不是我们需要的那样,而是如下的格式 。它包含年月日,时分秒,地区YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    我们可以通过Date对象的getFullYear()方法得到年;然后通过getMonth()方法得到一个数字(0到11),该数字分别对应1月到12月,所以想要正确的显示月份需要加1.;YUr办公区 - 实用经验教程分享!

    最后通过getDate()返回这个月的一天,也就是年月日的日。注意日不是getDay()方法(它是返回一周中的某一天)。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 6

    最后我们需要需求将它拼接,然后将它显示出来就可以得到我们想要的结果了。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 7

    运行结果如下图,这个就是我们所想要 的结果。YUr办公区 - 实用经验教程分享!

    JavaScript中的Date对象怎么使用?YUr办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!YUr办公区 - 实用经验教程分享!


    标签: JAVASCRIPTHTML时间

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码