用于更改日期的javascript自定义函数

Question

我在完成自定义功能时遇到了麻烦。

实际上，它不起作用，我真的不知道为什么。

这是函数：

<script type="text/javascript">
function lz(x){
    return x.toString().replace(/^(\d)$/,'0$1')
}
function dayplus(){
  var items = document.getElementsByClassName("datepicker hasDatepicker");
  for (var i = 0; i < items.length; i++){
    if (items[i].getAttribute('required')){
      var itemDtParts = items[i].value.split("-");
      var itemDt  = new Date(parseInt(itemDtParts[2],10), parseInt(itemDtParts[1],10)-1, parseInt(itemDtParts[0],10)+ +nb);
      items[i].value = lz(itemDt.getDate())+"-"+lz(itemDt.getMonth()+1)+"-"+itemDt.getFullYear();
    }
  }
}
​</script>

它对我说：

Uncaught SyntaxError: Unexpected token ILLEGAL addday.html:20

此外，它告诉我该函数未定义或不是这种情况。

下面是我使用该函数的形式：

<input type="text" class="datepicker hasDatepicker" required value="26-10-2012">

<input type="button" value="( - )" width="22" height="22" onClick="subday()" />
                  <input name="jours" type="text" value="" size="5" id="nb" />
                  <input type="button" value="( + )" width="22" height="22" onClick="dayplus()"  />​​​​​

Answer 1

我在这里开小提琴

我注意到的第一件事是您的标记看起来很奇怪。 不是吗

<input type="text" class="datepicker hasDatepicker" required="true" value="26-10-2012">

代替

<input type="text" class="datepicker hasDatepicker" required value="26-10-2012">

第二件事是无效的语法，如enhzflep和Kimo_do所指出的那样，未定义nb和+ + nb 。 我在小提琴中将其替换为1 。

Answer 2

,10)+ +nb); 应该是,10)+ nb); 也许？ 或,10)+ (+nb) ); 如果nb可能为负。 也就是说-看起来像加号+。 仔细观察，我还想知道您实际上是指nb.value还是它的缩写：document.getElementById（'nb'）。value？

或在代码中：

var itemDt  = new Date(parseInt(itemDtParts[2],10), parseInt(itemDtParts[1],10)-1, parseInt(itemDtParts[0],10) + document.getElementById('nb').value) );

Answer 3

修改后的代码： jsfiddle 。 更改： nb丢失，您正在使用+ +添加nb

<input type="text" class="datepicker hasDatepicker" required=true value="26-10-2012">

<input type="button" value="( - )" width="22" height="22" onClick="subday()" />
                  <input name="jours" type="text" value="" size="5" id="nb" />
<input type="button" value="( + )" width="22" height="22" onClick="dayplus()"  />


<script type="text/javascript">
function lz(x){
     return x.toString().replace(/^(\d)$/,'0$1');
}
function dayplus(){
  var items = document.getElementsByClassName("datepicker hasDatepicker");
     nb = 1;
  for (var i = 0; i < items.length; i++){
    if (items[i].getAttribute('required')){
      var itemDtParts = items[i].value.split("-");

      var itemDt  = new Date(itemDtParts[2], parseInt(itemDtParts[1] ,10)-1, parseInt(itemDtParts[0],10) +nb);

      items[i].value = lz(itemDt.getDate())+"-"+lz(itemDt.getMonth()+1)+"-"+itemDt.getFullYear();

    }
  }
}
</script>