繁体   English   中英

yii2 datepicker 使用 javascript 禁用日期

[英]yii2 datepicker disable dates using javascript

我重写了我的问题:

我正在使用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/2508/25/2017 ,但在任何情况下不显示任何记录中。

我也尝试使用kvDatepicker()而不是kvDatepicker() datepicker()但这给了我

未捕获的类型错误:$(...).kvDatepicker 不是函数

关于这里出了什么问题的任何线索? 谢谢。

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

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

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

我已经在演示页面上验证,在浏览器的控制台中输入此内容会正确禁用 8 月 28 日:

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

如果您使用的是 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 
                        }"
                    ]
                ]);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM