如何在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>