【问题标题】:how can i format jquery datepicker as "25-JAN-2009"我如何将 jquery datepicker 格式化为“25-JAN-2009”
【发布时间】:2011-01-04 15:45:09
【问题描述】:

我还以为是这样的:

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

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

【问题讨论】:

    标签: jquery format datepicker


    【解决方案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>
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2015-09-21
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2021-01-09
            • 1970-01-01
            • 2014-10-29
            相关资源
            最近更新 更多