我如何将 jquery datepicker 格式化为“25-JAN-2009”

Posted 2023-05-07

【中文标题】我如何将 jquery datepicker 格式化为“25-JAN-2009”

【英文标题】：how can i format jquery datepicker as "25-JAN-2009"

【发布时间】：2011-01-04 15:45:09

【问题描述】：

我还以为是这样的：

.datepicker( dateFormat: 'dd-mmm-yyyy' );

一个月以来，我得到了一些我不知道它们来自哪里的数字？

【参考方案1】：

根据the documentation，单个 M 是“月份名称短”，“yy”是“四位数年份”。

dd-M-yy

【讨论】：

这是实现这一目标的绝佳且直接的方式

【参考方案2】：

在这种情况下，查看documentation 最有帮助：

*  d - day of month (no leading zero)
* dd - day of month (two digit)
* o - day of the year (no leading zeros)
* oo - day of the year (three digit)
* D - day name short
* DD - day name long
* m - month of year (no leading zero)
* mm - month of year (two digit)
* M - month name short
* MM - month name long
* y - year (two digit)
* yy - year (four digit)
* @ - Unix timestamp (ms since 01/01/1970)
* '...' - literal text
* '' - single quote
* anything else - literal text 

【参考方案3】：

你想要：

$('.selector').datepicker( dateFormat: 'dd-M-yy' );

请参阅docs。

日期格式字符串有些不标准：

d - 月份中的某天（无前导零）dd - 月份中的某天（两位数）o - 一年中的某天（无前导零）@987654326 @ - 一年中的某一天（三位数字）D - 短日期名称DD - 长日期名称m - 一年中的月份（无前导零）@987654330 @ - 一年中的月份（两位数）M - 短月份名称MM - 长月份名称y - 年份（两位数）yy - 年份（四位数字）@ - Unix 时间戳（自 01/01/1970 以来的毫秒数）'...' - 文字文本'' - 单引号 其他任何东西 - 文字

【参考方案4】：

正确的方法是dd-M-yy

或者，您可以使用 monthNamesShort 选项自定义名称..

【参考方案5】：

如果您使用的是 AUI Datepicker / Datepickerselect 组件，那么 dateFormat 的用法会有所不同。

例如：如果要显示 01-Jan-2014，则必须使用 dateFormat:'%d-%b-%Y'

以下是解释不同格式的文档： http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html

我的工作代码：（在带有 AUI 的 Liferay 上）

<div id="myDatepicker"></div>
  <input type="text" name="myDateValue" id="myDateValue" size="9" /> 

<aui:script>
  AUI().use('aui-datepicker', function(A) 
     new A.DatePickerSelect(
       
         appendOrder: ['d', 'm', 'y'],
        calendar: 
        dateFormat: '%d-%b-%Y'
    ,
    boundingBox: '#myDatepicker',
    trigger: '#myDateValue'
  
).render();

);
</aui:script>