两个日期选择器以及为什么我会收到语法错误


two datepicker and why am i getting syntax error?

我制作了两个日期选择器的代码,其中第二个日期选择器的日期将始终大于第一个日期选择器的日期。 在这里我给出代码

<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>

我有错误

语法错误:参数列表后缺少 )};

使用class属性而不是id - .datepicker而不是#datepicker

编辑:

当您需要多次使用同一个特定选择器时,您应该使用类,因为:

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

你的代码运行良好。

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

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

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

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

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