我正在使用EJuiDateTimePicker。存在两个EJuiDateTimePicker。一个表示开始时间,另一个表示结束时间。现在,我可以在选择第一个日期时间选择器时设置第二个日期时间选取器的minDate
。
但我想要的是我不能为第二个日期时间选择器设置最短时间。如何在选择第一个日期时间选择器时在时间滑块中设置最短时间。我不想让用户选择最短时间小于第一个日期时间选择器
第一个日期时间选择器
$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),
));
第二个日期时间选择器
$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),
));
有什么建议吗?
源文件中有两个变量minDateTime和maxDateTime,我认为每次选择第一个日期时都需要通过javascript重新初始化小部件。
https://github.com/magefad/EJuiDateTimePicker/blob/master/assets/jquery-ui-timepicker-addon.js
尝试
$('...').datetimepicker({
minDateTime : new Date('11 May 2015')
});
有两个不同的版本(使用github的版本):
- http://www.yiiframework.com/extension/ejuidatetimepicker/
- https://github.com/magefad/EJuiDateTimePicker/