Yii Booster datepicker无法正常工作

Question

我有一个与Yii booster datepicker相关的问题。

情形：

<?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm',array(
'id'=>'expend-form',
'enableAjaxValidation'=>false,
'type'=>'horizontal',   )); ?>

<p class="help-block">Fields with <span class="required">*</span> are required.</p>

<?php echo $form->errorSummary($model); ?>

<?php // echo $form->textFieldRow($model,'fecha',array('class'=>'span5')); 
    echo $form->datepickerRow($model, 'fecha',
            array('prepend'=>'<i class="icon-calendar"></i>' 
                    , 'options'=>array( 'format' => 'dd/mm/yyyy', 
                                        'weekStart'=> 1,
                                        'showButtonPanel' => true,
                                        'showAnim'=>'fold',)
            )
        );

?>

问题是：

选项：

'showButtonPanel' => true,
'showAnim'=>'fold',

不能正常工作。

并且CSS有问题（查看屏幕截图）

有什么想法吗？

由于

Answer 1

@Nathanphan，你的CSS出错的原因是因为Yii css文件覆盖了YiiBooster CSS。在/ protected / views / layouts下打开main.php布局文件，然后删除以下行。 您可能希望删除所有CSS链接。

<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/css/screen.css" media="screen, projection" />

您应该会发现YiiBooster小部件现在正常显示;但是，您网站上的一些Yii小部件现在可能看起来不正确。您可以将Yii小部件转换为等效的YiiBooster小部件，然后一切都应该没问题。

我没有找到同时运行Yii蓝图CSS和YiiBooster的方法。

Answer 2

@Nathanphan，您正在尝试使用基于zii.widgets.jui.CJuiDatePicker TbDatePicker showButtonPanel的{​​{3}}选项。 如果您需要使用这些选项（showAnim和CJuiDatePicker），请更改代码以使用{{1}}小部件。

Answer 3

在main.css中查找并替换

thead th {background:e5eCf9;}

到

thead th {background:#ffffff;}

和

.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}

到

.box {padding:1.5em;margin-bottom:1.5em;background:#ffffff;}