1.安裝組件
composer require kartik-v/yii2-widget-datetimepicker "*"
表單使用ActiveForm時(shí)，代碼參考如下：
use kartik\datetime\DateTimePicker;
<?= $form->field($model, 'created_at')->widget(DateTimePicker::classname(), [
'options' => ['placeholder' => ''],
'pluginOptions' => [
'autoclose' => true,
'todayHighlight' => true,
]
]); ?>
html代碼表單代碼如下：
use kartik\datetime\DateTimePicker;
echo '<label>時(shí)間</label>';
echo DateTimePicker::widget([
'name' => 'Article[created_at]',
'options' => ['placeholder' => ''],
//注意箩兽，該方法更新的時(shí)候你需要指定value值
'value' => '2019-04-30 12:11:11',
'pluginOptions' => [
'autoclose' => true,
'format' => 'yyyy-mm-dd HH:ii:ss',
'todayHighlight' => true
]
]);
同樣的方式進(jìn)行安裝日期組件油坝。
composer require kartik-v/yii2-widget-datepicker "@dev"
使用日期組件
use kartik\date\DatePicker;
<?php echo DatePicker::widget([
'name' => 'Article[created_at]',
'options' => ['placeholder' => '...'],
//value值更新的時(shí)候需要加上
'value' => '2016-05-03',
'pluginOptions' => [
'autoclose' => true,
'format' => 'yyyy-mm-dd',
'todayHighlight' => true,
]
]); ?>
ActiveForm表單時(shí)职辅，日期組件的用法
<?= $form->field($model, 'created_at')->widget(DatePicker::classname(), [
'options' => ['placeholder' => ''],
'pluginOptions' => [
'autoclose' => true,
'todayHighlight' => true,
'format' => 'yyyy-mm-dd',
]
]); ?>
上面的時(shí)間格式都是可以調(diào)整的
如果展示是英文的厌均，項(xiàng)目配置文件里面加上 'language'=>'zh-CN', 即可唬滑。
如何設(shè)定結(jié)束時(shí)間大于開始時(shí)間？下面就給出一種方式參考：
// 假設(shè)字段為date
echo DatePicker::widget([
'name' => 'date[]',
'value' => '',
'type' => DatePicker::TYPE_RANGE,
'name2' => 'date[]',
'value2' => '',
'options' => ['placeholder' => '開始日期'],
'options2' => ['placeholder' => '結(jié)束日期'],
'pluginOptions' => [
'autoclose' => true,
'format' => 'yyyy-mm-dd',
'todayHighlight' => true
]
]);
注意哦，我們?cè)谏厦嬷付藅ype為range類型晶密，如果你尚未安裝 yii2-field-range, 在運(yùn)行上面代碼之前請(qǐng)先按照下面的代碼安裝 yii2-field-range
composer require kartik-v/yii2-field-range "*"
指定range類型時(shí)擒悬，當(dāng)你選擇開始時(shí)間之后，默認(rèn)結(jié)束時(shí)間等于開始時(shí)間且結(jié)束時(shí)間不會(huì)小于開始時(shí)間稻艰！
