2013-02-26 75 views
2

我有一个与Yii助推器datepicker有关的问题。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有一些错误(查看截图)

enter image description here

任何想法?

感谢

回答

2

@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。

0

@Nathanphan,你试图使用从zii.widgets.jui.CJuiDatePickerTbDatePicker一个选项,它是基于Bootstrap Datepicker
如果您需要使用这些选项(showButtonPanelshowAnim),请将您的代码更改为使用​​小部件。

+0

任何人都可以帮忙吗? – Nathanphan 2013-04-15 16:07:44

0

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