jquery ui中的datepicker日期选择，怎么样将当前日期之前的时间设为设为不能选中

发布网友发布时间：2022-04-07 08:37

共2个回答

懂视网时间：2022-04-07 12:59

1、日期组件的安装

composer require kartik-v/yii2-widget-datepicker "@dev"

2、日期组件的使用

use kartikdateDatePicker; 
<?php echo DatePicker::widget([ 
 'name' => 'Article[created_at]', 
 'options' => ['placeholder' => '...'], 
 //value值更新的时候需要加上 
 'value' => '2016-05-03', 
 'pluginOptions' => [ 
 'autoclose' => true, 
 'format' => 'yyyy-mm-dd', 
 'todayHighlight' => true, 
 ] 
]); ?>

针对ActiveForm生成的日期组件的用法如下：

<?= $form->field($model, 'created_at')->widget(DatePicker::classname(), [ 
 'options' => ['placeholder' => ''], 
 'pluginOptions' => [ 
 'autoclose' => true, 
 'todayHighlight' => true, 
 'format' => 'yyyy-mm-dd', 
 ] 
]); ?>

效果图：

相关文章教程推荐：yii教程

热心网友时间：2022-04-07 10:07

Datepicker 的选项中有一个 minDate（最小日期），如果你把 minDate 设为当前日期，之前的日期就都不能选了。

minDate 可以为

1、日期对象，例如 new Date()
2、也可以是整数，例如 3 代表 3 天后，-1 代表昨天，0 代表今天
3、也可以是字符串，例如 1w 代表 1 星期后，-2m 代表两个月之前

所以你的问题，可以设置为日期对象（当前）或者0。

$("#ele").datepicker({
minDate: new Date()
});

或者

$("#ele").datepicker({
minDate: 0
});