날짜 선택기는

Question

내가 (PHP를 통해) 아약스와 datas를로드 실행되지 않습니다

는

 $retour.= ' 

<table id="dates_stages_comp"> 
    <tr> 
    <th>Nom</th><th>Prénom</th><th>Matricule</th><th>Année</th><th>Dates début</th><th>Date fin</th><th>&nbsp;</th> 
    </tr>'; 

foreach($resultatSQL as $ligneSQL) 
{ 

    $retour .= '<tr><td>'.$ligneSQL->nom.'</td>'; 
    $retour .= '<td>'.$ligneSQL->prenom.'</td>'; 
    $retour .= '<td>'.$ligneSQL->matricule . '</td>'; 
    $retour .= '<td>'.$ligneSQL->annee.'</td>'; 
    $retour .= '<td>'.$ligneSQL->date_debut_stage_comp.'</td>'; 
    $retour .= '<td><input id="datepicker_debut_s_c" type="text" value="'.$ligneSQL->date_fin_stage_comp.'" /></td>'; 
    $retour .= '<td><input id="datepicker_fin_s_c" type="text" value="'.$ligneSQL->date_fin_stage_comp.'" /></td>'; 

} 

$retour.='</table>'; 
echo $retour; 

retour is back in french 

This is my js code : 

    $('#datepicker_debut_s_c').datepicker(
    { 
     dateFormat: 'dd-mm-yy', 
     changeYear: true, 
     maxDate: null 
    }); 

    $('#datepicker_fin_s_c').datepicker(
    { 
     dateFormat: 'dd-mm-yy', 
     changeYear: true, 
     maxDate: null 
    }); 

    alert($('#datepicker_debut_s_c').length); 

    $.ajax 
    (
     { 
     type: 'POST', 
     url: 'dates_stages_complermentaires.php', 
     dataType: 'text', 
     success: function(retour) 
     { 
      $('#dates_infos_stages_comp').html(retour); 
     }, 
     error:function(retour) 
     { 
      alert(retour); 
     } 
     } 
    ); 

문제는 내 날짜 선택기가 실행되지 않을 것입니다 ...

alert($('#datepicker_debut_s_c').length); 

나에게 0

을 제공합니다

위 코드는 안에 있습니다 :

$(document).ready(function() { 

Answer 1

Elemen 페이지가로드 된 후 페이지에 추가 된 ts는 자동으로 이벤트 리스너에 할당되지 않습니다.

그래서 당신은이 같은 일을해야합니다

$.ajax({ 
    type: 'POST', 
    url: 'dates_stages_complermentaires.php', 
    dataType: 'text', 
    success: function(retour) { 
     $('#dates_infos_stages_comp').html(retour); 

     $('#datepicker_debut_s_c').datepicker({ 
      dateFormat: 'dd-mm-yy', 
      changeYear: true, 
      maxDate: null 
     });  

     $('#datepicker_fin_s_c').datepicker({ 
      dateFormat: 'dd-mm-yy', 
      changeYear: true, 
      maxDate: null 
     }); 
    }, 
    error:function(retour) { 
    alert(retour); 
    } 
}); 

는 또한 오류를 자바 스크립트 콘솔을 확인하고 또한 당신이 아약스를 통해 여러 요소를 만들 경우 고유 한 날짜 선택기 요소의 ID의 확인하십시오.