1

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

<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 ) after argument list };

4

3 回答 3

1

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

编辑：

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

  • 类可以在文档中根据需要多次使用。
  • ID 只能在文档中应用一次。
于 2013-10-30T06:38:50.343 回答
0

使用类而不是 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>
于 2013-10-30T06:39:00.743 回答
0

您的代码运行良好。

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

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

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

<input type="text" id="datepicker"/>
<br/>
<input type="text" id="datepicker"/>
于 2013-10-30T06:52:27.490 回答