默认情况下,在日期选择器字段中填写所有启用的日期

时间:2018-08-29 13:36:17

标签: datepicker bootstrap-datepicker

我想默认在字段中列出所有启用的日期。例如,我有一个带多个日期选择选项的日期选择器和选择工作日的选项。当我选择工作日时,则在日期选择器中仅启用选定的工作日。您可以看到第一张图片。

First Image

我现在想要的是选择所有启用的日期,并默认将其填充到字段中。就像第二张图片一样。

2nd Image

我的代码

function enableWeeklyDates()
{
    $(".event_custom_date_picker").datepicker("remove");
    var week_days = [];
    var week_days_join = $('.weekly_days input:checkbox:checked').map(function() {
        return parseInt(this.value);
    }).get().join(',');
    var days = [0, 1, 2, 3, 4, 5, 6];
    var disable_days = days.filter(function(val) {
        return week_days_join.indexOf(val) == -1;
    }).join(',');

    var week_days = '['+disable_days+']';
    var start_date = new Date($('#event_start_date_picker').val());
    var end_date = new Date($('#event_end_date_picker').val());
    $(".event_custom_date_picker").datepicker({
        format: 'mm-dd-yyyy',
        autoclose: false,
        daysOfWeekDisabled: week_days,
        multidate: true,
        startDate: start_date,
        endDate: end_date
    });
} 


<input onclick="enableWeeklyDates()" name="custom_date[' + date_row + '][week_days][]" type="checkbox" value="1">

任何建议将不胜感激。谢谢

0 个答案:

没有答案