添加日期功能javascript中的格式更改

时间:2014-03-17 06:07:30

标签: javascript html date

我正在使用Javascript函数,它允许在当前日期添加天数,但当我尝试更改日期格式时,我遇到问题,这是我的工作代码,

  <body onload="addDate();">
         <br/>
        <h1>Adding number of days to current date in Javascript</h1>
        Today's Date (MM / DD / YYYY) : <input type="text" id="date1" readonly/> <br/> <br/>
        Number of days to add : <input type="text" id="days" onChange="datechange()" /> <br/> <br/>
        New Date (MM / DD / YYYY) : <input type="text" id="date2" readonly/>
        <script type="text/javascript">
              function datechange()
              {
                    var d = document.getElementById('days').value;
                    var myDate = new Date(document.getElementById('date1').value);
                    myDate.setDate(myDate.getDate() + parseInt(d));
                    document.getElementById('date2').value = (myDate.getMonth() + 1) + '/' + (myDate.getDate()) + '/' + (myDate.getFullYear());
              }
              function addDate()
              {
                     date = new Date();
                     var month = date.getMonth()+1;
                     var day = date.getDate();
                     var year = date.getFullYear();
                     if (document.getElementById('date1').value == '')
                     {
                           document.getElementById('date1').value = month + '/' + day + '/' + year;
                     }
              }
        </script>

我尝试使用此代码

将日期格式更改为DD / MM / YYYY
  <script type="text/javascript">
              function datechange()
              {
                    var d = document.getElementById('days').value;
                    var myDate = new Date(document.getElementById('date1').value);
                    myDate.setDate(myDate.getDate() + parseInt(d));
                    document.getElementById('date2').value = myDate.getDate() + '/' + (myDate.getMonth() + 1) + '/' + (myDate.getFullYear());
              }
              function addDate()
              {
                     date = new Date();
                     var month = date.getMonth()+1;
                     var day = date.getDate();
                     var year = date.getFullYear();
                     if (document.getElementById('date1').value == '')
                     {
                           document.getElementById('date1').value = day + '/' + month + '/' + year;
                     }
              }
        </script>

但我得到了错误的价值。请某人,我出错了。

1 个答案:

答案 0 :(得分:1)

无法使用new Date()制作dd/mm/yyyy。试试这个:

function datechange() {
    var d      = document.getElementById('days').value;
    var from   = document.getElementById('date1').value.split('/');
    var myDate = new Date(from[2], from[1] - 1, from[0]);
    myDate.setDate(myDate.getDate() + parseInt(d));
    document.getElementById('date2').value = myDate.getDate() + '/' + (myDate.getMonth() + 1) + '/' + myDate.getFullYear();
}

工作演示:http://jsfiddle.net/j5sqg/