用js实现日期时间格式化?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用js实现日期时间格式化?相关的知识,希望对你有一定的参考价值。

参考技术A

效果图:


代码截图:(关键部分用框框标出)

源码:

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>


<body>

    <div>

        <span id="date"></span> <br>

        <span id="week"></span>

    </div>


    <script>

        var showDate = document.getElementById('date');  // 获取页面元素

        var showWeek = document.getElementById('week');  // 获取页面元素


        var time = new Date();

        var year = time.getFullYear();  //获取年份

        var month = correctDate(time.getMonth() + 1);  //获取月份

        var day = correctDate(time.getDate());   //获取日期


        var date = "今天是" + year + "年" + month + "月" + day + "日";

        var week = time.getDay();  // 获取星期几,返回的是0/1/2/3/4/5/6 0代表周日


        var weeks = [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

        var toWeek = weeks[week];  // 获取今日星期

        showDate.innerHTML = date;  // 将日期显示在页面

        showWeek.innerHTML = toWeek;  // 将星期显示在页面


        /* 这是一个规范数字的函数:

            当时间小于10时,在数字前面加上0,统一都是用两个数字表示,

            比如3月5日就显示03月05日

        */

        function correctDate(date)

            if(date<10)

                return '0'+date;

           

            return date;

       

    </script>

</body>

</html>

用js实现:输入日期,判断输入日期是不是在当前日期第二天起的7天内,如果没有,提示正确的日期区间

比如:当前日期:2011-08-31,输入日期:2011-09-09,提示“输入日期只能在2011-09-01~2011-09-07”之间。当然这里的当前日期,输入日期,和正确的日期区间都是变化的。

参考技术A var d1, d2;//d1为当前日期,d2为输入日期
var dateInterval = 7*24*60*60*1000;//时间间隔毫秒数
if(Math.abs((Date.parse(d2)-Date.parse(d1))) > dateInterval)
alert("日期必须在。。。。");

return false;

参考技术B var d=new Date();
var d.getYears();

以上是关于用js实现日期时间格式化?的主要内容,如果未能解决你的问题,请参考以下文章

js日期/时间格式化方法

vue.js怎样将时间戳转化为日期格式

js字符串转化日期

js时间戳格式化成日期格式

js 时间转换

js日期转换成字符串