qq_34900780
2016-12-14 06:16
采纳率: 50%
浏览 3.6k

html获取当前日期,并且能够加减日期显示在text里?

就是默认显示当前日期,点加号就显示20161213 点减号就显示20161215 ,这个要怎么实现,谢谢各位大神。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

7条回答 默认 最新

  • JesusAllen30 2016-12-14 08:28
    已采纳
     <!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>
    
    已采纳该答案
    打赏 评论
  • 鱼弦 2016-12-14 06:39
    打赏 评论
  • cxxs1659666966 2016-12-14 06:57

    这个应该不难吧,jq可以做到

    打赏 评论
  • Q544471255 2016-12-14 07:19

    http://www.helloweba.com/view-blog-271.html

    用moment.js吧,专门操作时间的。

    打赏 评论
  • http://www.w3school.com.cn/jsref/jsref_obj_date.asp
    http://www.w3school.com.cn/jsref/jsref_setDate.asp

     var d=new Date();
    alert(d.toLocaleDateString())
    d.setDate(d.getDate()+1)
    alert(d.toLocaleDateString())
    
    打赏 评论
  • JesusAllen30 2016-12-14 08:31

    <!DOCTYPE html>



    Document



    -
    +
    <br> var nowDate = new Date();<br> var myDate = nowDate.toLocaleDateString().replace(/\//g,&#39;&#39;);<br> /*页面加载结束显示当前日期*/<br> window.onload=function(){<br> dateShow();<br> }<br> function add(){<br> myDate++;<br> // console.log(myDate);<br> dateShow();<br> }<br> function sub(){<br> myDate--;<br> // console.log(myDate);<br> dateShow();<br> }<br> /*让日期显示在input框中*/<br> function dateShow(){<br> document.getElementById(&#39;showDate&#39;).value=myDate;<br> }<br>

    打赏 评论
  • Java_攻城狮 2016-12-14 08:50

    easyui databox控件

    打赏 评论

相关推荐 更多相似问题