如何在Kartik Datepicker中突出显示日期（不是今天的其他日期）

Question

我可以用'todayHighlight' => true,突出显示当前日期，但是我想突出显示其他日期。

Answer 1

您可以将此函数beforeShowDay用作pluginOptions数组键。 这是简单的示例：

<?= $form->field($model, 'myDate', ['showLabels' => false])->widget(DatePicker::className(), [
'size' => 'sm',
'type' => DatePicker::TYPE_INPUT,
'pluginOptions' => [
    'autoclose' => true,
    'format' => 'Y-m-d',
    'startDate' => date('Y-m-d'),
    'endDate' => date('Y-m-d', strtotime('-1 day')),
    'weekStart' => 1,
    'beforeShowDay' => new \yii\web\JsExpression("function (dates) {
        console.log(dates); // List with available dates as date object defined with startDate/endDate (for mor customisations if needed)

        return {classes: 'highlight', tooltip: 'Pick this day'};
        }
    }"),
]
]); ?>

别忘了在CSS中定义类（在这种情况下为.highlight）。

.highlight{background: #ebf4f8}