当前位置:Gxlcms > PHP教程 > Yii:在ajax刷新中使用CJuiDatePicker日期控件

Yii:在ajax刷新中使用CJuiDatePicker日期控件

时间:2021-07-01 10:21:17 帮助过:29人阅读

如果在ajax更新界面中使用到了CJuiDatePicker组件,那么注意需要重新执行jquery ui datepicker JS的初始化脚本,日期控件才能生效。

另外datepicker控件依赖于jQuery UI插件,所以需要注册jquery ui的CSS和JS文件。具体代码如下:

  1. <!--?php
  2. Yii::app()--->getClientScript()->registerCoreScript('jquery');
  3. Yii::app()->getClientScript()->registerCoreScript( 'jquery.ui' );
  4. Yii::app()->clientScript->registerCssFile(
  5. Yii::app()->clientScript->getCoreScriptUrl().
  6. '/jui/css/base/jquery-ui.css'
  7. );
  8. Yii::app()->clientScript->registerCssFile(
  9. Yii::app()->clientScript->getCoreScriptUrl().
  10. '/jui/css/base/jquery.ui.datepicker.css'
  11. );
  12. ?>

重新安装日期控件初始化脚本:

  1. $.ajax({
  2. <span></span>url:'<!--?php echo $this--->url?>',
  3. <span></span>type:'post',
  4. <span></span>data: '&days=' + days,
  5. <span></span>dataType:'text',
  6. <span></span>success:function(data){
  7. <span></span> $("#list").html(data);
  8. <span></span> $('#begin_time').datepicker(jQuery.extend({showMonthAfterYear:false},jQuery.datepicker.regional['cn'],{'dateFormat':'yy/mm/dd'}));
  9. <span></span>}
  10. });

如果在CGridView中使用日期控件,那么可以把重新初始化的操作放在afterAjaxUpdate回调中。

以上就介绍了Yii:在ajax刷新中使用CJuiDatePicker日期控件,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

人气教程排行