JSFiddle - React, Tailwind, and code Playground

by RichardAD

HTML

<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css "></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.515/styles/kendo.default.min.css">
<input id="date1">
<hr>
<button id="mimic">Mimic</button>
<hr>
<input id="date2"><hr>
<input id="date3"><hr>
<input id="date4"><hr>
<input id="date5"><hr>
<input id="date6"><hr>
<input id="date7"><hr>
<input id="date8"><hr>
<input id="date9"><hr>




<p id="msg">

CSS

input {display:inline}

JavaScript

for (var i=1; i<10; i++) {
    $("#date"+i).kendoDatePicker();
}

$("#mimic").on('click', function(){
    dateval = $("#date1").data('kendoDatePicker').value();

    $('#msg').append('<pre>'+typeof(dateval));
    
    $('#msg').append('<pre>'+typeof(new Date());
    
    dates = 
  { date2: dateval
  , date3: dateval.getTime()
  , date4: dateval.getMonth()+'/'+dateval.getDay()+'/'+dateval.getYear()
   };

    json = JSON.stringify (dates);

    $('#msg').append('<pre>'+json);

    datesParsed = JSON.parse(json)

        try{    $("#date2").data('kendoDatePicker').value(datesParsed.date2);}catch(e){}
    
    try{    $("#date3").data('kendoDatePicker').value(datesParsed.date3)}catch(e){};
    $("#date4").data('kendoDatePicker').value(datesParsed.date4);

})