如何在 pickadate 插件中突出显示某些日期

Question

我正在使用 Alsum pickadate 插件，但我不知道如何突出显示日历中的某些日子。这是我的代码。

<input type="text" id="date-select" class="form-control form-date pickadate" name="date" hidden>

<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{{asset('vendors/js/pickers/pickadate/picker.date.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function(){
        var $input = $(".pickadate").pickadate({
            format: 'dd-mm-yyyy',
            selectDates: {
                'color':'brown',
                'date': '2020-03-22',
            },
        });
    });
</script>

但是根本不起作用。我试图找到答案，但我找不到。

Answer 1

pickadate 对象中没有这样的 'selectDates' 属性。此代码适用于您的脚本。

    <script type="text/javascript">
        $(document).ready(function(){
            var $input = $(".pickadate").pickadate({
                format: 'dd-mm-yyyy',
                formatSubmit: 'dd-mm-yyyy',
                editable: false,
                min: new Date(),
            });

            var picker = $input.pickadate('picker');
            picker.set('highlight',
                    [2020, 2, 29],
            );
        });
    </script>

如何在 pickadate 插件中突出显示某些日期

How to highlight certain dates in pickadate plugin

javascript

jquery

pickadate