Yii: Ajax 새로 고침에서 CJuiDatePicker 날짜 제어 사용

Ajax 업데이트 인터페이스에서 CJuiDatePicker 구성 요소를 사용하는 경우 날짜 제어를 적용하려면 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 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.