Как изменить формат даты в диапазоне выбора jqxDateTimeInput

Question

Я использую jqxDateTimeInput для выбора времени и даты. Текущий формат даты - дд / мм / гггг. Я хочу изменить его на дд-ммм-гггг. Может кто-нибудь сказать, пожалуйста, как это сделать?

Ниже приведен код JQX:

<script type="text/javascript">
        $(document).ready(function () {                
            // create jqxcalendar.
            $("#jqxWidget").jqxDateTimeInput({ width: 250, height: 25,  selectionMode: 'range' });
            $("#jqxWidget").on('change', function (event) {
                var selection = $("#jqxWidget").jqxDateTimeInput('getRange');
                if (selection.from != null) {
                    $("#selection").html("<div>From: " + selection.from.toLocaleDateString() + " <br/>To: " + selection.to.toLocaleDateString() + "</div>");
                }
            });

            var date1 = new Date();
            date1.setFullYear(2013, 7, 7);
            var date2 = new Date();
            date2.setFullYear(2013, 7, 15);
            $("#jqxWidget").jqxDateTimeInput('setRange', date1, date2);
        });
    </script>

вызов функции:

 <div id='jqxWidget'></div>
 <div style='margin-top: 10px; font-size: 13px; font-family: Verdana;' id='selection'></div>

Во втором div, где id = selection, я хочу отобразить формат как '12-Jan-2013', т.е. в формате' dd-MMM-yyyy '

Answer 1

Пытаться

$("#jqxDateTimeInput").jqxDateTimeInput({ width: '300px', height: '25px', formatString: 'dddd-MMMM-yy'});

<div id='jqxDateTimeInput'></div>