Jquery日期选择器addclass()不工作

Jquery datepicker addclass() not working

本文关键字:工作 addclass 日期 选择器 Jquery      更新时间:2024-01-28

我有一个jquery日期选择器addClass方法没有在id为#ui的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');
 });

完整代码在这里

只需在调用日期选择器方法后添加即可:

 $(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/