[Résolu] [Résolu] [JQuery] DatePicker dans une DataTable

Bonjour,

Je suis actuellement bloqué sur une DataTable.

Alors je m'explique je suis actuellement en train de coder une DataTable qui contiens des DatePickers pour pouvoir effectuer des changement de date dans le tableau directement.
J'ai réussi à faire cela sans problème avec les données qui étaient directement inscrite dans le PHP.

Seulement pour une meilleur efficacité et précision je doit changer la façon de récupérer mes données pour cela j'ai mis en place la DataTable en server-side processing toujours avec mes DatePickers jusqu’à maintenant je suis arriver à la faire.
Là ou j'ai mon problème c'est que le JQuery que j'ai mis pour mon DatePicker ne s'exécute pas du tout et je n'ai aucune erreur.

Voici mon JQuery :

$(document).ready(function (){
	var table = $('#example').DataTable({
		"processing": true,
        "serverSide": true,
        "ajax": "<?php echo DIR . Url::URI_AJAX_VRS ?>",
		autoWidth: false,
		responsive: true,
		"stateSave": true,
		"selector-modifier": {
			// DataTables core
			order:  'applied',  // 'current', 'applied', 'index',  'original'
			page:   'all',      // 'all',     'current'
			search: 'applied',     // 'none',    'applied', 'removed'
		
			// Extension - KeyTable (v2.1+) - cells only
			focused: undefined, // true, false, undefined
		
			// Extension - Select (v1.0+)
			selected: undefined // true, false, undefined
		},
	});

	$('.dt-fin').datepicker({
                // Mon code qui ne s’exécute pas
		format: "dd/mm/yyyy",
		weekStart: 1,
		maxViewMode: 3,
		language: "fr",
		daysOfWeekHighlighted: "1,2,3,4,5",
		calendarWeeks: true,
		todayHighlight: true,
		autoclose: true

	}).on("changeDate", function() {
		// là non plus
	});
});

Voilà mon Code PHP :

public function filterTablesVrs()
	{
		// DB table to use
		$table = Database::V_VRS;
		
		// Table's primary key
		$primaryKey = mVVrs::M_CD_LOGI;
		
		$columns = array(
			array( 'db' => mVVrs::M_CD_LOGI,   'dt' => 0 ),
			array( 'db' => mVVrs::M_LIB_LNG,   'dt' => 1 ),
			array( 'db' => mVVrs::M_ID_VRS,    'dt' => 2 ),
			array( 'db' => mVVrs::M_DTL_COMPL, 'dt' => 3 ),
			array(
				'db' => mVVrs::M_DT_DEB,
				'dt' => 4,
				'formatter' => function ($d, $row)
				{
					if($d != null){
						return self::convertDateFr($d);
					}else{
						return '';
					}
				}
			),
			array( 
				'db' => mVVrs::M_DT_FIN,
				'dt' => 5,
				'formatter' => function ($d, $row)
				{
					if($d != null){
						return '<div class="input-group date dt-fin" data-provide="datepicker" id="DtFin-' . $row->{mVVrs::M_CD_LOGI} . '-' . $row->{mVVrs::M_ID_VRS} . '">
									<div class="input-group-addon">
										<i class="fa fa-calendar"></i>
									</div>
									<input type="text" class="form-control" value="' . self::convertDateFr($d) . '" style="width: 95px;">
								</div>';
					}else{
						return '<div class="input-group date dt-fin" data-provide="datepicker" id="DtFin' . $row->{mVVrs::M_CD_LOGI} . '-' . $row->{mVVrs::M_ID_VRS} . '">
									<div class="input-group-addon">
										<i class="fa fa-calendar"></i>
									</div>
									<input 
										type="text" 
										class="form-control datepicker"
										value="" 
										style="width: 95px;"
										data-date-language="fr">
								</div>';
					}
				}
			)
		);

		echo json_encode(
			SSP::simple( $_GET, $table, $primaryKey, $columns )
		);
	}

Merci pour l'aide en espérant avoir été explicite

Il est possible de le lancer aussi à l'initialisation de la datatable avec «initComplete»:

var table = $('#example').DataTable({
  initComplete: function(){
    // lancer le datepicker
  }
});

Merci pour tout ces retours je vais tester ça tout de suite.
Mais je confirme je ne suis pas un expert de ce genre de plugins j'apprend sur le tas