Yii2日期选择器使用JavaScript禁用日期

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()，但是这给了我一个：

Uncaught TypeError: $(...).kvDatepicker is not a function

有什么线索是错的吗？谢谢。

- MHogge

---

你需要告诉我们你正在使用哪个日期选择插件。 - csminb

你在变量 unavailable 定义之前使用了它 - 将 $(function(){...}) 移动到 function unavailable(date) {...} 之后，并将其重命名为 unavailable()。实际上整个第二部分需要重写 - 你搞混了变量和函数名称... - lubosdz

我最终使用了disabledDates，这是我之前没有看到的。所以我不需要再调用我的函数了。你能检查一下我的更新吗？@csminb 我正在使用GitHub上提供的JQuery日期选择器，你需要更多信息吗？ - MHogge

Answer 1

您的日期格式不正确。应该按照以下方式指定：

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

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

我已经在演示页面上验证，输入这个命令到浏览器控制台中可以正确地禁用8月28日。

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

- K Scandrett

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 
                        }"
                    ]
                ]);

- Yii2Developer