如何在范围选择 jqxDateTimeInput 中更改日期格式答案

【问题标题】：how to change the date format in range selection jqxDateTimeInput如何在范围选择 jqxDateTimeInput 中更改日期格式
【发布时间】：2016-05-17 10:03:50
【问题描述】：

我正在使用 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”

【问题讨论】：

标签： javascript datetimepicker datetime-format jqxwidgets

【解决方案1】：

试试

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

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

【讨论】：

这会在控件中提供所需的 o/p，但在选择
中仍显示为 dd/mm/yyyy
您是否在页面上使用的元素上尝试此操作？我已经编辑了答案
我已经编辑了我的问题，请检查。目前，当我尝试您的代码时，所需的日期格式在控件中正确显示，但在调用“选择”的
中却没有显示
啊，我明白你的意思了，你想格式化实际的 JavaScript Date 对象。不幸的是，除了指定语言环境之外，我认为没有任何内置格式，所以你必须相当手动。请参阅此处给出的答案，如果有帮助，请告诉我。 stackoverflow.com/questions/3552461/…