如果我们在同一表单上有cjuidautocomplete,则WhDatePicker样式不起作用

时间:2014-02-22 06:39:41

标签: css jquery-ui twitter-bootstrap yii datepicker

我遇到了WhDatePicker的样式问题。当我们在与WhDatePicker相同的表单上使用Cjuiautocomplete时,则没有正确加载datepicker的样式。 我试图删除Jquery-Ui.css但随后自动完成样式不起作用。我们如何解决这个问题。

2 个答案:

答案 0 :(得分:6)

现在没有解决此问题的方法,除非将Mii P指出的CJui CSS文件放入名称范围后手动覆盖它。

或者你可以这样做,最终加载的CSS文件赢得了类的优先级。 所以你可以编写类似的代码: -

$this->widget('zii.widgets.jui.CJuiAutoComplete',array(
    'name'=>'city',
    'source'=>array('ac1','ac2','ac3'),
    'options'=>array(
        'minLength'=>'2',
    ),
    'htmlOptions'=>array(
        'style'=>'height:20px;',
    ),
));

$this->widget('yiiwheels.widgets.datepicker.WhDatePicker', array(
    'name' => 'datepickertest',
    'pluginOptions' => array(
        'format' => 'mm/dd/yyyy'
    )
));

首先调用自动填充,以便最后加载来自YiiWheel的Datepicker的CSS文件。

答案 1 :(得分:2)

可能jquery ui中的样式会覆盖页面中的样式,导致cjui无法使用正确的样式显示。使用jquery ui的范围仅使用这些样式显示页面的特定部分 http://filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/
http://devcoma.blogspot.com.au/2010/09/how-to-use-jquery-ui-theme-with-other.html