为输入创建第二个日期选择器

时间:2011-12-07 05:45:56

标签: jquery jquery-ui-datepicker

我有一个使用以下代码创建的日期选择器。

$('.myClass').find('input').datepicker({showOn: 'button',
            buttonText: 'Date'});

如果用户选中了复选框,我想更改该日期选择器的选项。我试着做以下事情,但我没有运气。

$('.myClass').datepicker('destroy');
//I didnt have this line intially but was reading it may be necessary
$('.myClass').removeClass('hasDatepicker').removeAttr('id');;
$('.myClass').find('input').datepicker({showOn: 'button',
            buttonText: 'Date', firstDay: 1, showWeek: true});

1 个答案:

答案 0 :(得分:1)

根据是否选中此框,您是否有某些原因无法在更改时将修改传递给datepicker选项对象?通常我不建议销毁和重新创建日期选择器,除非你真的需要。 datepicker小部件允许您动态更改选项,如下所示:

$("#theCheckbox").change(function() {
    $(".myClass").datepicker("option", this.checked ?
        {
            firstDay: 1,
            showWeek: true
        } :
        {
            firstDay: 0,
            showWeek: false
        });
});