自定义yii2日期时间选择器

Question

PHP 7.0.33和yii2.0.16在这里。

我需要定制一个yii2日期时间选择器，我在某个时候卡住了。我看了几个扩展，我最终使用了下面的一个，因为它让我最接近我想要实现的目标：

https://github.com/kartik-v/yii2-date-range

所以，我的代码是：

$dateRangePickerOptions = [
    'language' => 'en',
    'name'=>'date_end',
    'convertFormat' => true,
    'pluginOptions' => [
        'timePicker' => true,
        'timePickerIncrement' => 30,
        'locale' => [
            'format' => 'Y-m-d H:i',
        ],
        'singleDatePicker' => true,
        'showDropdowns' => true,
    ]
];

$form = ActiveForm::begin();
echo $form->field($model, 'date_end')->widget(DateRangePicker::classname(), $dateRangePickerOptions);
ActiveForm::end();

结果是：

几乎不错，但是有几件事我不知道我是否可以定制：

>

当我开始选择日期、时间、分钟时，目标表单元素的边框变为红色，警告我该字段不能为空。没错，字段不能为空，但在我点击应用按钮之前，警告不能显示。

除了这些，我还在考虑一些“好的”定制：

>

星期六和星期日将被禁用。

小时下拉字段的选项应仅显示7到16之间的小时数。

我还将此扩展作为备选方案：https://github.com/kartik-v/yii2-widget-datetimepicker

但这两者都不能让我完全实现我所描述的。我愿意接受任何建议，甚至是完全不同的扩展/方法，只要我能够实现所描述的要点。

Answer 1

您需要使用引导插件的选项timePicker24Hour，请参阅选项http://www.daterangepicker.com/#options

您的选项数组应该如下所示

$dateRangePickerOptions = [
    'language' => 'en',
    'name'=>'date_end',
    'convertFormat' => true,
    'pluginOptions' => [
        'timePicker' => true,
        'timePickerIncrement' => 30,
        'locale' => [
            'format' => 'Y-m-d H:i',
        ],
        'singleDatePicker' => true,
        'showDropdowns' => true,
        'timePicker24Hour'=>true
    ]
];