Question

我重写了我的问题：

我使用Kartick DatePicker来显示日期选择器。在这个日期选择器上，我想使用javascript禁用日期。这就是我所拥有的：

<?= DatePicker::widget([
    'name' => 'mydate',
          'language' => 'fr',
          'clientOptions' => [
              'autoclose' => true,
              'format' => 'dd-M-yyyy'
          ]
  ]);?>

使用JS：

 $(function(){
     $("#w0").datepicker("setDatesDisabled", ['25-08-2017']);
});

我尝试将日期格式更改为2017/08/25或08/25/2017，但无论如何都不会在日志中显示任何内容。

我还尝试使用kvDatepicker()代替datepicker()，但这给了我

未捕获的TypeError：$（...）。kvDatepicker不是函数

这里有什么问题的任何线索？感谢＆＃39; S

Answer 1

您的日期格式错误。它应指定为：

$("#w0").datepicker("setDatesDisabled", ['08/25/2017']);

当然要确保w0是input元素的正确ID ...也可能是您的选择器与input不匹配。

我已经在demo页面上验证了在浏览器控制台中输入此内容已正确禁用8月28日：

$('#sandbox-container input').datepicker("setDatesDisabled", ['08/28/2017']);

Answer 2

如果您正在使用Yii2，那么这可能会帮助您

    echo '<label id = "for-trigger">Date</label>';
                echo DatePicker::widget([
                    'type' => DatePicker::TYPE_INPUT,
                    'id' => 'anyUniqueID',
                    'name' => 'date',
                    'value' => '2020-04-11',
                    'options' => ['placeholder' => 'Selectdate ...'],
                    'pluginOptions' => [
                        'format' => 'yyyy-M-dd',
                        'daysOfWeekHighlighted' => '2,3',
                        'todayHighlight' => true,
                        'datesDisabled' => ['2020-04-06', '2020-04-21']
                    ],
                    'pluginEvents' => [
                        'changeDate' => "function(e) {  
                            //something you want to do may be 
                        }"
                    ]
                ]);

yii2 datepicker使用javascript禁用日期

2 个答案: