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

时间:2016-05-17 10:03:50

标签: javascript datetimepicker datetime-format jqxwidgets

我正在使用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 =选择的第二个div中,我希望将格式显示为&#39; 2013年1月12日&#39;即格式为&#; dd-MMM-yyyy&#39;

1 个答案:

答案 0 :(得分:0)

尝试

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

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