首页 > 软件开发 > JavaScript >

JavaScript时间格式转换;js时间格式转换

来源:互联网 2023-03-16 23:57:17 179

在开发过程中,使用JavaScript获取的时间和平时所看到的时间格式是不一样的,为了能显示给用户看到常用的时间,需要使用JavaScript把时间格式转换为常用的时间格式。JavaScript提供了一个获取当前年、月、日的方法,只需要通过JavaScript方法获取时间,然后把时间组合为想要的时间格式,在返回即可。7Fq办公区 - 实用经验教程分享!

JavaScript代码:7Fq办公区 - 实用经验教程分享!

function formatDate(date){ //设置时间转换格式7Fq办公区 - 实用经验教程分享!

var y = date.getFullYear(); //获取年7Fq办公区 - 实用经验教程分享!

var m = date.getMonth() 1; //获取月7Fq办公区 - 实用经验教程分享!

m = m 10 ? '0' m : m; //判断月是否大于107Fq办公区 - 实用经验教程分享!

var d = date.getDate(); //获取日7Fq办公区 - 实用经验教程分享!

d = d 10 ? ('0' d) : d; //判断日期是否大107Fq办公区 - 实用经验教程分享!

return y '-' m '-' d; //返回时间格式7Fq办公区 - 实用经验教程分享!

}7Fq办公区 - 实用经验教程分享!

JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

方法/步骤

  • 1

    打开html开发工具,新建一个html代码页面,然后创建一个script>标签用于编写时间格式函数。7Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 2

    获取当前时间。在scirpt>标签里面,使用new Date()获取当前时间,然后创建一个函数为formatDate(),在formatDate里使用getFullYear()方法获取当前年份。7Fq办公区 - 实用经验教程分享!

    代码:7Fq办公区 - 实用经验教程分享!

    var time = new Date(); //获取时间7Fq办公区 - 实用经验教程分享!

    function formatDate(date){ //设置时间转换格式7Fq办公区 - 实用经验教程分享!

    var y = date.getFullYear(); //获取年7Fq办公区 - 实用经验教程分享!

    }7Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 2本页面未经授权抓取自百度经验
  • 3

    使用getMonth()方法获取当前月份,并判断月份是否大于10。(7Fq办公区 - 实用经验教程分享!

    注意:getMonth()获取的月份默认从0开始,所以需要先加上1再判断)7Fq办公区 - 实用经验教程分享!

    代码:7Fq办公区 - 实用经验教程分享!

    var m = date.getMonth() 1; //获取月7Fq办公区 - 实用经验教程分享!

    m = m 10 ? '0' m : m; //判断月是否大于107Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 4

    获取当前日期,同时判断日期是否大于10。7Fq办公区 - 实用经验教程分享!

    代码:7Fq办公区 - 实用经验教程分享!

    var d = date.getDate(); //获取日7Fq办公区 - 实用经验教程分享!

    d = d 10 ? ('0' d) : d; //判断日期是否大107Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 5

    返回时间格式。在formatDate函数中使用return 返回需要的时间格式。7Fq办公区 - 实用经验教程分享!

    代码:7Fq办公区 - 实用经验教程分享!

    return y '-' m '-' d; //返回时间格式7Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 6

    调用formatDate函数,使用document.write()打印出时间格式。7Fq办公区 - 实用经验教程分享!

    代码:document.write(formatDate(time))7Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 7

    保存html代码,然后使用浏览器打开,即可在浏览器页面上看到写好的时间格式。7Fq办公区 - 实用经验教程分享!

    JavaScript时间格式转换;js时间格式转换7Fq办公区 - 实用经验教程分享!

  • 8

    所有代码。可以直接复制所有代码,到新建html页面粘贴保存后即可看到效果。7Fq办公区 - 实用经验教程分享!

    所有代码:7Fq办公区 - 实用经验教程分享!

    !DOCTYPE html>7Fq办公区 - 实用经验教程分享!

    html>7Fq办公区 - 实用经验教程分享!

    head>7Fq办公区 - 实用经验教程分享!

    meta charset="UTF-8">7Fq办公区 - 实用经验教程分享!

    title>Document/title>7Fq办公区 - 实用经验教程分享!

    script type="text/javascript">7Fq办公区 - 实用经验教程分享!

    var time = new Date(); //获取时间7Fq办公区 - 实用经验教程分享!

    function formatDate(date){ //设置时间转换格式7Fq办公区 - 实用经验教程分享!

    var y = date.getFullYear(); //获取年7Fq办公区 - 实用经验教程分享!

    var m = date.getMonth() 1; //获取月7Fq办公区 - 实用经验教程分享!

    m = m 10 ? '0' m : m; //判断月是否大于107Fq办公区 - 实用经验教程分享!

    var d = date.getDate(); //获取日7Fq办公区 - 实用经验教程分享!

    d = d 10 ? ('0' d) : d; //判断日期是否大107Fq办公区 - 实用经验教程分享!

    return y '-' m '-' d; //返回时间格式7Fq办公区 - 实用经验教程分享!

    }7Fq办公区 - 实用经验教程分享!

    document.write(formatDate(time))7Fq办公区 - 实用经验教程分享!

    /script>7Fq办公区 - 实用经验教程分享!

    /head>7Fq办公区 - 实用经验教程分享!

    body>7Fq办公区 - 实用经验教程分享!

    7Fq办公区 - 实用经验教程分享!

    /body>7Fq办公区 - 实用经验教程分享!

    /html>7Fq办公区 - 实用经验教程分享!

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


    标签: JAVASCRIPT

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