php - Yii Booster 日期选择器无法正常工作

Question

我有一个与 Yii 助推器日期选择器有关的问题。

设想：

<?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。打开main.php/protected/views/layouts 下的布局文件并删除以下行。 您可能想要删除所有 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，您正在尝试在 a 中使用zii.widgets.jui.CJuiDatePicker中的选项，该选项TbDatePicker基于Bootstrap Datepicker。
如果您需要使用这些选项（showButtonPanel和showAnim），请更改您的代码以使用CJuiDatePicker小部件。

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;}