Yii: Ajax リフレッシュで CJuiDatePicker 日付コントロールを使用する

CJuiDatePicker コンポーネントが Ajax 更新インターフェイスで使用されている場合、日付コントロールを有効にするには、jquery ui datepicker JS 初期化スクリプトを再実行する必要があることに注意してください。

また、datepicker コントロールは jQuery UI プラグインに依存するため、jquery ui の CSS ファイルと JS ファイルを登録する必要があります。具体的なコードは次のとおりです:

<?php 
    Yii::app()->getClientScript()->registerCoreScript('jquery');
    Yii::app()->getClientScript()->registerCoreScript( 'jquery.ui' ); 
    Yii::app()->clientScript->registerCssFile(
        Yii::app()->clientScript->getCoreScriptUrl().
        '/jui/css/base/jquery-ui.css'
    );   
    Yii::app()->clientScript->registerCssFile(
        Yii::app()->clientScript->getCoreScriptUrl().
        '/jui/css/base/jquery.ui.datepicker.css'
    );  
?>

日付コントロール初期化スクリプトを再インストールします:

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

CGridView で日付コントロールを使用する場合は、afterAjaxUpdate コールバックに再初期化操作を含めることができます。

上記では、Yii: ajax リフレッシュで CJuiDatePicker 日付コントロールを使用する方法を紹介しており、関連する内容も含めて、PHP チュートリアルに興味のある友人に役立つことを願っています。