Jquery datepicker addclass()不起作用

时间:2013-12-02 11:17:43

标签: javascript jquery datepicker

我有一个jquery datepicker addClass方法没有在div中添加id为#ui-datepicker-div的类。

Jquery代码:

$(document).ready(function () {

      //this works
     $('.date-picker1').addClass("mtp");
          //This does not work
     $("#ui-datepicker-div").addClass("myclassdoesntgo");
     $('.date-picker1').datepicker({
         changeMonth: true,
         changeYear: true,
         showButtonPanel: true,
         dateFormat: 'yy',
         onClose: function (dateText, inst) {
             var month = 1;
             // month= $("#ui-datepicker-div .ui-datepicker-month :selected").val();
             var year = 1900;
             year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
             $(this).datepicker('setDate', new Date(year, 25));
             // $("startDate").val = month;
             $("startMonth").val = year;
         }
     });
     $('#ui-datepicker-div').css('display', 'none');

 });

完整代码为here

1 个答案:

答案 0 :(得分:2)

只需在调用datepicker方法后添加它:

 $(document).ready(function () {

            $('.date-picker1').addClass("mtp");

            $('.date-picker1').datepicker({
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                dateFormat: 'yy',
                onClose: function (dateText, inst) {
                    var month = 1;
                    // month= $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                    var year = 1900;
                    year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                    $(this).datepicker('setDate', new Date(year, 25));
                    // $("startDate").val = month;
                    $("startMonth").val = year;
                }
            });
      $("#ui-datepicker-div").addClass("myclassdoesntgo");
      $('#ui-datepicker-div').css('display','none');

        }); 

完整的工作小提琴:http://jsfiddle.net/VS2ek/3/