将自定义类添加到jquery datepicker prev / next选项

时间:2017-05-05 10:18:02

标签: javascript jquery-ui

我正在进行集成,我需要在datepicker“.ui-datepicker-next”和“.ui-datepicker-prev”选项中添加一个类。因此,当呈现日历时,prev / next按钮有一个名为“no-pjax”的类。

我已经尝过beforeShow,beforeShowDays ..似乎没什么用的

            var from = $(this).find(".from").datepicker({
                  defaultDate: "+1w",
                  changeMonth: true,
                  numberOfMonths: 1,
                  beforeShow : function(){
                    console.log("before");
                  }
                })
                .on( "change", function() {
                  to.datepicker("option", "minDate", getDate(this));
                });

            var to = $(this).find(".to").datepicker({
                defaultDate: "+1w",
                changeMonth: true,
                numberOfMonths: 1,
                beforeShow : function(){
                    console.log("before");
                }
              })
              .on( "change", function() {
                from.datepicker("option", "maxDate", getDate(this));
              });





        $('.ui-datepicker-next').on("click", function(e) {
            e.preventDefault();
            return false;
            //$(this).addClass("no-pjax");
        });

        $('.ui-datepicker-prev').on("click", function(e) {
            e.preventDefault();
            return false;
            //$(this).addClass("no-pjax");
        });

1 个答案:

答案 0 :(得分:0)

你正在使用jQuery你可以做类似的事情:

setTimeOut(function(){
   $('.ui-datepicker-prev').addClass('.no-pjax');
  $('.ui-datepicker-next').addClass('.no-pjax');
},200);

设置延迟时间(200 ms),以便它适用于你