两个日期选择器，为什么会出现语法错误？答案

【问题标题】：two datepicker and why am i getting syntax error?两个日期选择器，为什么会出现语法错误？
【发布时间】：2013-10-30 06:36:02
【问题描述】：

我编写了两个日期选择器的代码，其中第二个日期选择器的日期总是大于第一个。这里我给代码

<script>
   $(function() {
      jQuery.datepicker.setDefaults({dateFormat:"dd-mm-yy"});  
      $.datepicker.parseDate('dd-mm-yy', '20-09-2011');
      $( "#datepicker" ).datepicker({
        buttonImageOnly: false,
        changeMonth: true,
        changeYear: true,
        maxDate: '+36m+2w',
        minDate: new Date(),
        showAnim: '',

        onClose: function( selectedDate ) {
              $( "#rdatepicker" ).datepicker( "option", "minDate", selectedDate );
        }
     });
     $( "#rdatepicker" ).datepicker({
     buttonImageOnly: false,
     changeMonth: true,
     changeYear: true,
     maxDate: '+36m+2w',
     minDate: new Date(),
     showAnim: ''
  });

});
</script>

我有错误

SyntaxError: missing ) 在参数列表之后 };

【问题讨论】：

标签： php jquery syntax datepicker continuous-integration

【解决方案1】：

使用class 属性代替id - .datepicker 代替#datepicker

编辑：

当您需要多次使用相同的特定选择器时，您应该使用类，因为：

可以在文档中根据需要多次使用类。
ID 在一个文档中只能应用一次。

【讨论】：

+1。解释 y 这样做可能也很有用，因此 OP 可以知道他的代码出了什么问题
谢谢@MaVRoSCy 下次我会做更好的答案

【解决方案2】：

您的代码运行良好。

这是一个小提琴。 http://jsfiddle.net/F2BBN/

你的错误应该在其他地方。您的其余 js 代码中似乎缺少右括号。

即使使用相同的输入 (id)，它也应该在没有语法错误 http://jsfiddle.net/F2BBN/1/ 的情况下运行。

<input type="text" id="datepicker"/>
<br/>
<input type="text" id="datepicker"/>

【讨论】：

具有相同 id 的第一个输入有效。不是其余的输入。但是我说的是没有syntax error，如果他使用像这个例子一样的ID jsfiddle.net/F2BBN/2

【解决方案3】：

使用类而不是 id，效果很好：将 # 替换为 .

<script>
 $(function() {
  jQuery.datepicker.setDefaults({dateFormat:"dd-mm-yy"});  
  $.datepicker.parseDate('dd-mm-yy', '20-09-2011');
  $( ".datepicker" ).datepicker({
    buttonImageOnly: false,
    changeMonth: true,
    changeYear: true,
    maxDate: '+36m+2w',
    minDate: new Date(),
    showAnim: '',

    onClose: function( selectedDate ) {
          $( "#rdatepicker" ).datepicker( "option", "minDate", selectedDate );
    }
 });
 $( ".rdatepicker" ).datepicker({
 buttonImageOnly: false,
 changeMonth: true,
 changeYear: true,
 maxDate: '+36m+2w',
 minDate: new Date(),
 showAnim: ''
    });

});
</script>

【讨论】：