程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> html裡的時間控件。-html獲取當前日期,並且能夠加減日期顯示在text裡?

html裡的時間控件。-html獲取當前日期,並且能夠加減日期顯示在text裡?

編輯:編程解疑
html獲取當前日期,並且能夠加減日期顯示在text裡?

就是默認顯示當前日期,點加號就顯示20161213 點減號就顯示20161215 ,這個要怎麼實現,謝謝各位大神。

最佳回答:


 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<input type="text" id="showDate">
<button class="sub" onclick="sub()">-</button>
<button class="add" onclick="add()">+</button>
    <script>
        var nowDate = new Date();
        var myDate = nowDate.toLocaleDateString().replace(/\//g,'');
        /*頁面加載結束顯示當前日期*/
        window.onload=function(){
            dateShow();
        }
        function add(){
            myDate++;
            // console.log(myDate);
            dateShow();
        }
        function sub(){
            myDate--;
            // console.log(myDate);
            dateShow();
        }
        /*讓日期顯示在input框中*/
        function dateShow(){
            document.getElementById('showDate').value=myDate;
        }
    </script>
</body>
</html>
xuyunfei_2012
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved