Question

我正在使用EJuiDateTimePicker。有两个EJuiDateTimePicker。一个是开始时间，另一个是结束时间。现在我可以在第一个datetimepicker的选择上设置第二个datetimepicker的minDate。

但我想要的是我无法设置第二个datetimepicker的最短时间。如何在第一个datetimepicker的选择上设置最小时间滑块。我不想让用户选择最小时间少于第一个datetimepicker

第一个Datetimepicker

$this->widget('application.extensions.EJuiDateTimePicker.EJuiDateTimePicker', array(
                        'model' => $model, //Model object
                        'attribute' => 'StartTime', //attribute name
                        'language' => 'en',
                        'mode' => 'datetime', //use "time","date" or "datetime" (default)
                        'options' => array(
                            'dateFormat' => 'dd-mm-yy',
                            'timeFormat' => 'HH:mm:ss',
                        'onSelect' => 'js:function( selectedDate ) {     $("#JobSchedule_EndTime").datepicker( "option", "minDate", selectedDate );
    }'), // jquery plugin options
                            'htmlOptions' => array('class'=>'form-control floating-label','readonly'=>true,'placeholder'=>'Start Date','value'=>$startTime),
                        ));

第二个Datetimepicker

$this->widget('application.extensions.EJuiDateTimePicker.EJuiDateTimePicker', array(
                        'model' => $model, //Model object
                        'attribute' => 'EndTime', //attribute name
                        'language' => 'en',
                        'mode' => 'datetime', //use "time","date" or "datetime" (default)
                        'options' => array('dateFormat' => 'dd-mm-yy','minDate'=>($model->isNewRecord)?0:date('d-m-Y H:i:s',  strtotime($model->StartTime)), 'timeFormat' => 'HH:mm:ss',), // jquery plugin options
                        'htmlOptions' => array('class'=>'form-control floating-label','readonly'=>true,'placeholder'=>'End Date','value'=>$endTime),
                    ));

有什么建议吗？

Answer 1

源文件minDateTime和maxDateTime中有两个变量，我认为每次选择第一个日期时都需要通过javascript重新初始化小部件。

https://github.com/magefad/EJuiDateTimePicker/blob/master/assets/jquery-ui-timepicker-addon.js

尝试

$('...').datetimepicker({
    minDateTime : new Date('11 May 2015')
});

有两个不同的版本（使用github的版本）：

EJuiDateTimePicker Yii设置第二个datetimepicker最小时间取决于第一个datetimepicker选择

1 个答案: