Php 从ajax显示html的datepicker查询中的错误

我的jquery代码：

$.datepicker.regional['fr'] = {
    closeText: 'Fermer',
    prevText: 'Précédent',
    nextText: 'Suivant',
    currentText: 'Aujourd\'hui',
    monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'],
    monthNamesShort: ['Janv.','Févr.','Mars','Avril','Mai','Juin','Juil.','Août','Sept.','Oct.','Nov.','Déc.'],
    dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
    dayNamesShort: ['Dim.','Lun.','Mar.','Mer.','Jeu.','Ven.','Sam.'],
    dayNamesMin: ['D','L','M','M','J','V','S'],
    weekHeader: 'Sem.',
    dateFormat: 'dd/mm/yy',
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: ''
};
$.datepicker.setDefaults($.datepicker.regional['fr']);

    $("#debutChargementMini").datepicker();
    $("#finChargementMini").datepicker();
    $("#debutChargementReel").datepicker();
    $("#finChargementReel").datepicker();
    $("#debutLivraisonMax").datepicker();
    $("#finLivraisonMax").datepicker();
    $("#debutLivraisonReelle").datepicker();
    $("#finLivraisonReelle").datepicker();

$('searchForm').submit(function(e) {
   e.preventDefault();
});

 $(document).ready(function() {
  function eventFunction(){
      $.ajax({
        url: 'MODEL/ajaxSearchTransport.php',
        type: 'post',
        dataType: 'json',
        data: $("#searchForm").serialize(),
        success: function(data) {
            //$('tbody').html(data.table);
            //$('#ivalue').val(data.i);
        $('tbody').html(data.htmlContenu);
        $('#iValue').val(data.iValue);
            alert(data.test);
        },
        error: function() {
        alert('La requête AJAX n\'a pas abouti, contactez l\'administrateur'); }
      });
  };

  $('#numeroCommande').change(eventFunction);
  $('#rechercheVilleChargement').change(eventFunction);
  $('#rechercheVilleLivraison').change(eventFunction);


  });

当我更改一个输入以调用我的ajax函数时，当我单击一个输入时，日历的内容是。。。通过使用ajax返回的html刷新数据，我在页面上得到了什么。如下所示：

我尝试在ajax成功后初始化datepicker，但它是一样的

这是我的HTML：

<form id="searchForm">
            <div class="row text-center">
        <div class="col-md-3 form-group">
                    <label>Ville de chargement</label>
                    <input type="text" class="form-control collectes-ville text-center" name="rechercheVilleChargement" placeholder="Chargement" id="rechercheVilleChargement">
                    <label>Ville de livraison</label>
                    <input type="text" class="form-control collectes-ville text-center" name="rechercheVilleLivraison" placeholder="Livraison" id ="rechercheVilleLivraison">
        </div>
                <div class="col-md-1 form-group">
                </div>
                <div class="col-md-1 form-group">
                    <label>Chargement mini</label>
                    <input type="text" id="debutChargementMini" class="form-control collectes-date-chargement-min text-center" name="debutChargementMini" placeholder="Date début" value="">
                    <label><-></label>
                    <input type="text" id="finChargementMini" class="form-control collectes-date-chargement-min text-center" name="finChargementMini" placeholder="Date fin" value=""> 
                </div>
                <div class="col-md-1 form-group">
                    <label>Chargement réel</label>
                    <input type="text" id="debutChargementReel" class="form-control collectes-date-chargement-min text-center" name="debutChargementReel" placeholder="Date début" value="">
                    <label><-></label>
                    <input type="text" id="finChargementReel" class="form-control collectes-date-chargement-min text-center" name="finChargementReel" placeholder="Date fin" value=""> 
                </div>
                <div class="col-md-1 form-group">
                    <label>Livraison maxi</label>
                    <input type="text" id="debutLivraisonMax" class="form-control collectes-date-chargement-min text-center" name="debutLivraisonMax" placeholder="Date début" value="">
                    <label><-></label>
                    <input type="text" id="finLivraisonMax" class="form-control collectes-date-chargement-min text-center" name="finLivraisonMax" placeholder="Date fin" value=""> 
                </div>
                <div class="col-md-1 form-group">
                    <label>Livraison réelle</label>
                    <input type="text" id="debutLivraisonReelle" class="form-control collectes-date-chargement-min text-center" name="debutLivraisonReelle" placeholder="Date début" value="">
                    <label><-></label>
                    <input type="text" id="finLivraisonReelle" class="form-control collectes-date-chargement-min text-center" name="finLivraisonReelle" placeholder="Date fin" value=""> 
                </div>
                <div class="col-md-1 form-group">
                </div>
                <div class="col-md-1 form-group">
                    <label>N° de commande</label>
                    <input type="text" class="form-control collectes-ville text-center" id="numeroCommande" name="numeroCommande" placeholder="N° Commande">
                    <label>Numéro d'OT</label>
                    <input type="text" class="form-control collectes-ville text-center" id="numeroOT" name="numeroOT" placeholder="Numero OT">
        </div>
                <div class="col-md-2 form-group">
                    <label>Statut</label>
                    <input type="text" class="form-control collectes-ville text-center" id="statut" name="statut" placeholder="Statut">
                    <label>Transporteur</label>
                    <input type="text" class="form-control collectes-ville text-center" id="transporteur" name="transporteur" placeholder="Transporteur">
        </div>
            </div>
        </form>

收费镇
利夫莱森维尔酒店
小型收费
收费表
利夫莱森马克西酒店
利夫莱森·雷尔
命令编号
努梅罗·多特
身材
运输机

---

我可以告诉你我的php文件ajax的发展方向。但是，它工作得很好。唯一的错误是datepicker。如果您需要查看，我将向您展示（它很长…

该错误实际上不是一个真正的错误

事实上，我犯的错误是写了以下内容：

$('tbody').html(data.htmlContenu);

在我的javascript代码中

如果您想从AJAX请求返回HTML，则需要为其创建具有特殊ID的特殊div。否则，框架将给您带来一些麻烦。因为他们经常使用DOM元素

我希望这能帮助别人