I have a form with two widgets: CJuiAutoComplete and CJuiDatePicker. Either widget works fine alone on the form, but when I have them both the CJuiDatePicker starts acting like CJuiAutoComplete instead of the date picker. It doesn’t matter which order I have them on the form; I get the same behavior.
Any ideas what I need to change?
Here’s the AutoComplete:
<?php
$this->widget('zii.widgets.jui.CJuiAutoComplete', array(
'model' => $model,
'attribute' => 'street_name',
'name' => 'street_name',
'value' => '',
'source' => CController::createUrl('/streetAddress/autocomplete'),
'options' => array(
'minLength' => 2,
'select' => "js:function(event, ui) {
$('#<field_id>').val(ui.item.['<id>']);
}",
'change' => "js:function(event, ui) {
if (!ui.item) {
$('#<field_id>').val('');
}
}",
),
));
And here’s the Date picker:
<?php
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'model'=>$model,
'attribute'=>'date_taken',
'value'=>$model->date_taken,
// additional javascript options for the date picker plugin
'options'=>array(
'showAnim'=>'fold',
'showButtonPanel'=>true,
'autoSize'=>true,
'dateFormat'=>'m/d/yy',
'defaultDate'=>$model->date_taken,
),
));