Question

我制作了两个datepicker的代码，其中第二个datepicker的日期总是大于first。我在这里给代码

<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） };

Answer 1

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

修改

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

可以根据需要在文档中多次使用类。

ID只能在文档中应用一次。

Answer 2

使用类而不是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>

Answer 3

您的代码运行正常。

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

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

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

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

两个datepicker和为什么我得到语法错误？

3 个答案: