javascript - 如何在范围选择 jqxDateTimeInput 中更改日期格式

Question

我正在使用 jqxDateTimeInput 作为日期时间选择器。当前日期格式为 dd/mm/yyyy。我想将其更改为 dd-MMM-yyyy。有人可以告诉我该怎么做吗？

以下是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>

在 id = selection 的第二个 div 中，我想将格式显示为“2013 年 1 月 12 日”，即格式为“dd-MMM-yyyy”

Answer 1

尝试

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

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