DateTimeInput on Safari

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

by mogador

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/public/jqwidgets/jqx-all.js"></script>
<script src="http://jqwidgets.com/jquery-widgets-demo/jqwidgets/globalization/globalize.js"></script>
<div id="jqxWindow" class="hidden">
  <div id="windowHeader">
    <label>Title</label>
  </div>
  <div id="windowContent">
    <div id='jqxDateTimeInput'></div>
  </div>
</div>

<button id="bt_open">Open Window</button>

<div id='jqxDateTimeInput2'></div>

JavaScript

$("#jqxDateTimeInput").jqxDateTimeInput({
   width: '110px',
   height: '25px',
   formatString: 'HH:mm',
   showTimeButton: true,
   showCalendarButton: false,
   culture: 'fr-FR',
   theme: 'darkblue'
 });
 
 $("#bt_open").click(function() {
   $("#jqxWindow").removeClass("hidden");
   $("#jqxWindow").jqxWindow('open');
 });

 $('#jqxWindow').jqxWindow({
   autoOpen: false,
   minHeight: '10%',
   minWidth: '50%',
   maxHeight: "99%",
   maxWidth: '99%',
   isModal: true,
   closeButtonSize: 32
 });

 $('#jqxWindow').on('open', function(event) {
   // force timeout
   setTimeout(jqxWindowFill, 200);
 });

 function jqxWindowFill() {
   var sDateTime;
   var iHeure;
   var sDateTimeNew = "2019-09-18T07:30:00"

   // initialisation des champs
   sDateTime = new Date(sDateTimeNew); // Change the string to Date
/*    iHeure = Number(sDateTime.getHours()); // get Hour
   
   sDateTime.setHours(iHeure); */
   
   $('#jqxDateTimeInput').jqxDateTimeInput('setDate', sDateTime);
 }