Question

我有以下日期选择器

window.onload=function ff(){

    $('#date_row').load('load.jsp');

}

function one(){ 

    $('#date_row10').datepicker('disable');
    $('#date_row00').datepicker('disable');

}

sj:datepicker value="today" id="date_row00" name="optionList[0].optionAmtDateList[0].date" size="10" displayFormat="mm/dd/yy" duration="fast" onchange="one()" minDate="today" maxDate="today+9" readonly="true"

<div id="date_row"/>

在load.jsp中的

我有另一个日历，如代码

sj:datepicker value="today" id="date_row10" name="optionList[1].optionAmtDateList[0].date" size="10" displayFormat="mm/dd/yy" duration="fast" onchange="" minDate="today" maxDate="today+9" readonly="true"

它可用于从其他页面禁用日历，但未在第一页中禁用日历

所以如何在第一页中禁用datepicker按钮。

Answer 1

尝试更改您的方法，删除内联事件处理程序one;然后在datepicker字段（例如日历）上设置一个类，并使用on为更改事件设置委托事件处理程序。

代码：

$(document).ready(function () {
    $("#datepicker, #datepicker2").datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true
    });

    $('body').on('change', '.calendar', function () {
        $(this).datepicker('disable');
    })
});

演示：http://jsfiddle.net/IrvinDominin/r9yLs/

禁用struts2 jquery datepicker按钮图像

1 个答案: