Yii Booster 日期选择器无法正常工作答案

【问题标题】：Yii Booster datepicker not working correctlyYii Booster 日期选择器无法正常工作
【发布时间】：2013-02-26 04:30:08
【问题描述】：

我有一个与 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 有问题（查看截图）

有什么想法吗？

谢谢

【问题讨论】：

标签： php twitter-bootstrap yii yii-extensions

【解决方案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 的方法。

【讨论】：

【解决方案2】：

@Nathanphan，您正在尝试在基于 Bootstrap Datepicker 的 TbDatePicker 中使用来自 zii.widgets.jui.CJuiDatePicker 的选项。
如果您需要使用这些选项（showButtonPanel 和 showAnim），请将您的代码更改为使用 CJuiDatePicker 小部件。

【讨论】：

谁能帮忙解决这个问题？

【解决方案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;}

【讨论】：