2013-02-26 69 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;}