js中date日期对象的使用，获取当前日期年月日

date.getFullYear(); 获取当前年份

date.getMonth() + 1; 返回的月份少一个月需要+1

date.getDate(); 几号

date.getHours(); 时

date.getMinutes(); 分

date.getSeconds(); 秒

案例：获取当前日期年月份 xxxx年xx月xx号，星期x

<script>
    var date = new Date();   //创建日期对象
    var year = date.getFullYear();
    var month = date.getMonth() + 1;
    var dates = date.getDate();
    arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]
    var day = date.getDay();
    console.log('今天是:' + year + '年' + month + '月' + dates + '号,' + arr[day]);
</script>

案例2：点击按钮获取当前日期年月日周几

把上面那个封装成函数使用的时候调用一下即可

<body>
    <button>点击获取当前时间</button>
    <p>某个时间</p>
    <p id="text">某个时间2</p>
</body>
<script>
    var btn = document.querySelector('button');
    var p = document.querySelector('p');
    var text = document.getElementById('text');
    btn.onclick = function() {
        p.innerHtml = getTime();  //调用函数
    }
    //也可以 不点击按钮 时间直接显示在页面上
    text.innerText = getTime();
    
    //封装日期函数
    function getTime() {
        var date = new Date(); //创建日期对象
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六', ]
        var day = date.getDay();
        return '今天是:' + year + '年' + month + '月' + dates + '号,' + arr[day];

    }
</script>

案例3：封装一个函数返回当前的时分秒格式08:08:08

    function getTime() {
        var time = new Date();
        var h = time.getHours();
        h = h < 10 ? '0' + h : h; //三元表达式 数字补0案例
        var m = time.getMinutes();
        m = m < 10 ? '0' + m : m;
        var s = time.getSeconds();
        s = s < 10 ? '0' + s : s;
        return h + ':' + m + ':' + s
    }
    console.log(getTime());

js中date日期对象的使用，获取当前日期年月日

猜你喜欢