禁用和启用 gijgo 日期选择器答案

【问题标题】：Disable and enable gijgo datepicker禁用和启用 gijgo 日期选择器
【发布时间】：2023-01-30 16:53:37
【问题描述】：

我正在使用 gijgo 1.9.14 的日期选择器。我想知道如何从 javascript 禁用和启用它

$("#startDate").datepicker(
    { 
        calendarWeeks: true, 
        uiLibrary: 'bootstrap4', 
        locale: 'pt-br',
        value : '<?=date('d/m/Y')?>',
        format:'dd/mm/yyyy',
        iconsLibrary: 'fontawesome',
    }
);

当我尝试

$("#startDate").prop('disabled',true)

日历图标仍处于活动状态，因此用户可以使用它来输入数据。在官方文档中找不到任何内容来解释如何启用/禁用控件。非常感谢

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

找到了一种方法，不是最漂亮的方法，但它有效......

//create datepicker
    $('#startDate').datepicker(
        { 
            calendarWeeks: true, 
            uiLibrary: 'bootstrap4', 
            locale: 'pt-br',
            value : '<?=date('d/m/Y')?>',
            format:'dd/mm/yyyy',
            iconsLibrary: 'fontawesome',
        }
    );

现在有了这个功能

        function toggle_calendar( calendar , status )
        {
            let cal = $("#" + calendar);
            let cal_icon = $(cal).next('span').children('button');
            if (status == 'off' )
            {
                $(cal).prop('disabled', true);
                $(cal_icon).prop('disabled', true);
            }
            else
            {
                $(cal).prop('disabled', false);
                $(cal_icon).prop('disabled', false);             
            }
        }

我们可以启用或禁用日期选择器

//to disable 
toggle_calendar('startDate', 'off')
//to enable
toggle_calendar('startDate', 'on')

【讨论】：

我不得不使用 `let cal_icon = $(cal).next('button');'

【解决方案2】：

我在https://github.com/atatanasov/gijgo/issues/719 中为此添加了一个新功能请求

【讨论】：