我在yii中有一个表单,表单中的一个字段来自控制器,点击一个按钮。如果我传递文本字段而不是datepicker,那么它会起作用,否则会出错,那么现在该做什么?
我的表单代码如下:
<div class="row buttonproduct" hidden>
<input class="btn btn-primary add-product" style="margin-left: 0px;" type="button" value="Add Lease Agreement">
</div>
表单中的脚本如下:
<script>
$('.add-product').live('click', function(){
var value = parseInt(document.getElementById('service').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('service').value = value;
$.ajax({
url:"<?php echo Yii::app()->request->baseUrl;?>"+"/Landowner/addlease?id="+value,
data:'req=add_more',
dataType:'html',
type:'POST',
async: true,
cache: false,
success:function(resp){
$('.addproduct').append(resp);
},
error:function(er){
alert("An error has occured, Please reload/refresh the page and try again.");
}
});
return false;
});
</script>
我的控制器代码是:
public function actionAddlease() {
if (Yii::app()->request->isAjaxRequest) {
$id = $_REQUEST['id'];
$div = '<div class="row">';
$data = $div.CHtml::label(Yii::t('LeaseAgreement[lease_agrmnt_id]', 'Lease Agreement ID '), 'LeaseAgreement[lease_agrmnt_id]');
$data .= CHtml::textField('LeaseAgreement[lease_agrmnt_id][]', '', array('maxlength'=>'300')).'</div>';
$data .= $div.CHtml::label(Yii::t('LeaseAgreement[lease_startdate]', 'Start Date '), 'LeaseAgreement[lease_startdate]');
$data .= $this->widget('zii.widgets.jui.CJuiDatePicker', array(
'name'=>'LeaseAgreement[lease_startdate][]',
//'model'=>$model,
'id'=>'LeaseAgreement_lease_startdate',
//'value'=>Yii::app()->dateFormatter->format("'yy-mm-dd'",strtotime($model->datecolumn_name)),
'options'=>array(
'showAnim'=>'fold',
),
'htmlOptions'=>array(
'style'=>'height:20px;'
),
));
$data .= $div.CHtml::label(Yii::t('LeaseAgreement[filename]', 'Lease Agreement Document '), 'LeaseAgreement[filename]');;
$data .= CHtml::fileField('LeaseAgreement[filename][]', '', array('maxlength'=>'300')).'</div>';
echo $data;
}
}
在这里,如果我不在这个函数中使用datepicker,那么它的工作原理不然,那么错误在哪里。请帮助我困在这里的任何人。
答案 0 :(得分:1)
您可以使用Jquery ui来处理输入类或ID
文本字段代码
$data .= CHtml::textField('LeaseAgreement[lease_agrmnt_id][]', '', array('maxlength'=>'300','class'=>'datepicker')).'</div>';
jquery
<script>
$(function() {
$( ".datepicker" ).datepicker();
});
</script>
您可能需要包含jquery Ui文件。