jQuery datepicker将单击事件添加到上一个下一个按钮

亨里克·C。

我有此功能,它将为给定的元素ID设置日期选择器,我正试图向上一个和下一个按钮添加点击功能。但是似乎没有任何作用。我已经在网上搜索了将点击事件添加到这些按钮的信息,但是它们都提供了ID。

我在这里做错了什么?

function setDatepicker(element,curdate,identifier){
    //identifier is the element.id
    var minDateMaxDate = getCalendarsYearRange(1);
    var min = new Date(minDateMaxDate[0] * 1000);
    var max = new Date(minDateMaxDate[1] * 1000);

    $(element).datepicker({
          id: identifier,                 
          firstDay: 1,
          showOtherMonths: false,
          selectOtherMonths: false,
          changeYear: true,
          changeMonth: true,
          yearRange: getCalendarsYearRange(0),
          monthNamesShort:monthNamesShort,
          dayNamesShort:dayNamesShort,
          minDate: min,
          maxDate: max,
          onClose: function (dateText, inst){
            saveFieldsChanges(element,dateText,inst);
            getFieldsFromDialog();
          }
    });

    $(element).datepicker( "option", "dateFormat", "dd-mm-yy" );
    $(element).datepicker( "option", "defaultDate", curdate );  
    $("#"+identifier+" .ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev").live('click', function(){     
        console.log("prev");
    });
    $("#"+identifier+" .ui-datepicker-div .ui-datepicker-header .ui-datepicker-next").live('click', function(){     
        console.log("next");
    });

}

更新资料

我在其中设置日期选择器的HTML,这是已加载的xsl模板的一部分,输入字段是日期选择器。

<div class="ferias-form-div">

        <div class="labelfieldcontainer">
            <div class="formlabels">Data início</div>
            <div class="formfields">
                <input type="text" id="datainicioferias" onblur="saveFieldsChanges(this)" onkeyup="saveFieldsChanges(this)" name="datainicioferias" value="" class="textbox"/>
                <div class="errodialog" id="datainiciodialogferias"></div>
            </div>
        </div>


        <div class="labelfieldcontainer">
            <div class="formlabels">Data fim</div>
            <div class="formfields">
                <input type="text" id="datafinalferias" onblur="saveFieldsChanges(this)" onkeyup="saveFieldsChanges(this)" name="datafinalferias" value="" class="textbox"/>
                <div class="errodialog" id="datafimdialogferias"></div>
            </div>
        </div>
...

例如,这就是我设置日期选择器的方式:

setDatepicker(inputelement,curdate,"datafinalferias");

更新2-穿上answear

亚历山大的帮助下,我将此选项添加到了日历中

onChangeMonthYear: function (year, month, inst ) {

            var limites;
            var cal_date_string = month+'/'+year;           
            limites = getCalendarsYearRange(2); //my calendar's navigation limits
            var end_date_string = limites[1]; //my calendar's navigation limits
            var start_date_string = limites[0]; //my calendar's navigation limits

            if(end_date_string == cal_date_string){         
                setTimeout( function(){ $(".ui-datepicker-next").attr( "onclick", 'mensagemLimite(1);' )},100);
            }

            if(start_date_string == cal_date_string){ 
                setTimeout( function(){ $(".ui-datepicker-prev").attr( "onclick", 'mensagemLimite(0);' )},100);
            }

          }

这样,当上一个/下一个按钮变为非活动状态时,它将获得我想要的onclick函数。

Oleksandr T.

尝试这个

$(document).on('click', '.ui-datepicker-next', function () {
  console.log('next');  
})

$(document).on('click', '.ui-datepicker-prev', function () {
  console.log('prev');  
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Jquery - 将下一个按钮添加到选项卡

当我单击“下一个/上一个”按钮时,jQuery DatePicker消失

使用jQuery将类添加到上一个元素

jQuery将类添加到下一个或上一个图像-仅工作一次?

jQuery,Bootstrap导航-如何添加上一个/下一个按钮?

JQuery Full Calendar:“上一个”和“下一个”按钮上的某些单击将被忽略

如何隐藏jquery datepicker上一个/下一个文本

jQuery的下一个和上一个按钮

jQuery分页的下一个和上一个按钮不起作用

使用 jquery 在分页时激活下一个/上一个按钮

分页表tr添加上一个和下一个jquery

转到上一个/下一个FullCalendar jQuery时,将日期传递给控制器

jQuery:如果为XYZ,则将类添加到此AND下一个元素

如何更改下一个/上一个月份箭头的颜色(jQuery Datepicker)

当我单击“下一个/上一个”按钮时,如何在jQuery UI日期选择器中制作月份变化的动画

单击下一个和上一个按钮时如何在JQuery中访问动态生成的div元素值

jQuery单击上下移动时,简单的垂直上一个和下一个按钮代码

当我单击下一个或上一个链接时,JQuery Carousel 会闪烁

更改jQuery表单向导中的上一个和下一个按钮的标签?

当末尾没有项目时,jQuery下一个上一个按钮不会停止

如何创建遍历数组中URL的jquery上一个和下一个按钮(分页)

jQuery UI datepicker的“下一个”和“上一个”按钮只有一个祖先。$(e.target).parents()仅返回一个元素

如何在JQuery幻灯片代码中添加上一个和下一个按钮

如何通过jQuery将Class添加到按钮组中的一个按钮?

下一个和上一个使用 jQuery 无法正常工作

使用jQuery捕获下一个/上一个特定属性

使用jQuery在循环中分页上一个和下一个

jQuery的简单下一个和上一个显示和隐藏

带有下一个上一个jquery的SlideShow