0

我想将一个变量从提示框传回日期字符串。因此，如果一个人增加 5 天，则日期将增加 5 天。我是 javascript 新手，这是我的第一个测试脚本，您可以在答案中列出任何资源，我将继续阅读。

<html>

 <head>
   <script type="text/javascript">
     var currentTime = new Date();
     var month = currentTime.getMonth() + 1;
     var day = currentTime.getDate();
     var year = currentTime.getFullYear();
     var dateString = "Today's Date " + month + "/" + day + "/" + year;
     function loadDate(){
       document.getElementById('dateSpan').innerHTML = dateString;
     }

   </script>

 </head>
 <body onload='loadDate()'>
   <form name=myform>
     <span id='dateSpan'></span><input type=button value="add days" onclick="var name=prompt('How many days do you want to add?','5 or 6')"/>
   </form>
 </body>

4

2 回答 2

0

我会使用 date.js 库。

这使得日期更容易使用，并且它也有据可查。

http://www.datejs.com/

然后，一旦您有要添加的天数，您就可以轻松地增加日期。

//Assuming Xdays is a var with your number of days.
var today = Date.today();
var past = Date.today().add(-Xdays).days();
var future = Date.today().add(Xdays).days();

//format to a string
Date.today().toString("d-MMM-yyyy"); // 19-Nov-2007
于 2012-05-22T21:37:08.350 回答
0

像下面这样的东西应该会有所帮助。请注意，它不进行任何验证或检查（元素中的日期字符串是否正确？用户是否输入了数字？）因此您需要添加所有内容并处理错误。

function updateDate(el) {
  // get the text of the element
  var text = el.innerHTML;

  // Convert to a date object
  var b = text.split('-');
  var date = new Date(b[0], b[1] - 1, b[2]);

  // Ask for days to add
  var toAdd = prompt('How many days to add?');

  // Adjust date
  date.setDate(date.getDate() + Number(toAdd));

  // Write date to page
  el.innerHTML = date.getFullYear() + '-' + 
                 addZ(date.getMonth() + 1) + '-' +
                 addZ(date.getDate());

  // Helper just for this function
  function addZ(n) {
    return (n < 10? '0' : '') + n;
  }
}

以及一些相关的 HTML：

<span id="dateSpan" onclick="updateDate(this)">2012-05-22</span>

另请注意，innerHTML 也获取所有 HTML 内容，但对于这样的事情，它应该没问题。如果您只需要文本，请根据支持的功能测试使用textContent或innerText 。

编辑

添加了一段 HTML 以使其正常工作。请注意，日期是 ISO8601 的缩写形式：年-月-日。

于 2012-05-22T03:26:28.220 回答