如何使用 jQuery UI 日历自定义输出日期格式答案

【问题标题】：How to customize output date format with jQuery UI calendar如何使用 jQuery UI 日历自定义输出日期格式
【发布时间】：2015-05-24 15:57:30
【问题描述】：

我需要以特定格式显示日期。日期中的月份应仅显示四个字符。即，一月，二月，三月，四月，五月，六月，七月，九月，十月，十一月，十二月。是否可以使用jQuery UI datepicker以这种格式显示月份，并在日期中维护它格式？

【问题讨论】：

你说only four characters，在你的例子中是3 characters
四个字符，包括句号。但是六月、七月和九月应该有四个没有句号的字符。
Sept 在您的示例中包含句点，为什么您要从 september 中提取四个字符？

标签： jquery jquery-ui jquery-plugins datepicker

【解决方案1】：

您可以操作您的 datepicker 方法并执行此回调：

$(".selector").datepicker(
 { monthNamesShort: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]}
);

【讨论】：

【解决方案2】：

试试这个代码：

$( "#datepicker" ).datepicker( "option", "dateFormat", "dd M. yy" );

演示

$(function () {

    var months = ["January", "February", "March", "April", "May", "June",
        "July", "August", "September", "October", "November", "December"];

    $("#datepicker").datepicker({
        monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "June", "July", "Aug", "Sept.", "Oct", "Nov", "Dec"],
        onSelect: function (date) {
            var monthtext = months[$("#datepicker").datepicker('getDate').getMonth()];
            if (monthtext.length == 4) {
                $("#datepicker").datepicker("option", "dateFormat", "dd M yy");
            } else {
                $("#datepicker").datepicker("option", "dateFormat", "dd M. yy");
            }
        }
    });
    $("#datepicker").datepicker("option", "dateFormat", "dd M. yy");

});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

<p>Date: <input type="text" id="datepicker" size="30"></p>

【讨论】：

我试过这个。但是对于 6 月、7 月和 9 月，应该会显示四个字符，而使用这种格式则不会发生。
@VinodKolla，我已相应更新，如果您仍然遇到任何问题，请告诉我，或者如果有帮助，请将其标记为答案。