Html DateTimeInput

Set the culture property of the jqxDateTimeInput. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.culture.de-DE.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcore.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxdata.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxdatetimeinput.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxcalendar.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/jqxtooltip.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.culture.fr-FR.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<button class="btn-Show">Show Dialog</button>

<!-- Dialog -->
<div id="myDialog" class="hidden">
  <div id="jqxSai_dateDebut"></div>
</div>

JavaScript

// Init Dialog
$("#myDialog").dialog({
  autoOpen: false,
  modal: true,
});

//Declare Input
$("#jqxSai_dateDebut").jqxDateTimeInput({
  width: '120px',
  height: '25px',
$("#jqxSai_dateDebut").jqxDateTimeInput({
  firstDayOfWeek: 1,
  culture: 'fr-FR',
  showFooter: true,
  todayString: "Aujourd'hui"
});

// Clic Show
$(".btn-Show").on('click', function() {
  dialogShow();
});

// show DIALOG
function dialogShow(iIDGroupe) {
  $("#myDialog").dialog("option", "title", "Test Date");

  $("#myDialog").removeClass("hidden");
  $("#myDialog").dialog("open");
}