【问题标题】:How to format year of jQueryUI datepicker calendar?如何格式化jQueryUI datepicker日历的年份?
【发布时间】:2011-06-24 02:36:58
【问题描述】:

我可以通过 monthNames 选项格式化日历顶部的月份。
但我不知道如何格式化年份。

我想在下面的演示日历中将“2011 年 6 月”隐藏为喜欢“2011 年 6 月”。
http://jqueryui.com/demos/datepicker/

【问题讨论】:

  • 在日语中,“June 26, 2011”被称为“2011nen 6gatsu 26nichi”。 nen、gatsu 和 nichi 实际上不是字母而是汉字。含义是年、月、日。 y of 2011y 表示年份。我使用“y”是因为我认为这里的人不懂日语。
  • 我不能代表所有人,但我不懂日语 :) 不过,我认为你不需要一年的东西,因为它是 4 位数和几个月/天数永远不可能是四位数。我可以看到它被用于速记,例如11nen

标签: javascript calendar format jquery-ui-datepicker


【解决方案1】:

JSFiddle Example

jQueryUI documentation

  • 使用指定的 yearSuffix 选项初始化日期选择器:

    $( ".selector" ).datepicker({ yearSuffix: 'CE' });
    
  • 获取或设置 yearSuffix 选项,在 init 之后:

    //getter
    var yearSuffix = $( ".selector" ).datepicker( "option", "yearSuffix" );
    
    //setter
    $( ".selector" ).datepicker( "option", "yearSuffix", 'CE' );
    

【讨论】:

  • 非常感谢。这正是我想知道的。我忽略了文档上的选项。
  • 没有问题,很容易做到,尤其是当它有这么多的时候。但是,如果您想添加前缀,或者真的要修改年份,您可能必须像 David 建议的那样使用日期格式,或者使用回调来修改生成的字符串。
【解决方案2】:

http://docs.jquery.com/UI/Datepicker/formatDate

代码示例

Initialize a datepicker with the dateFormat option specified.
$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' });
Get or set the dateFormat option, after init.
//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );

【讨论】:

    【解决方案3】:
    $("#datepicker").datepicker({
        numberOfMonths: 2,
        showMonthAfterYear: true,
        yearSuffix: "Year", //this is what you are looking for
    }
    
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2010-11-21
      • 1970-01-01
      • 1970-01-01
      • 2015-09-21
      • 1970-01-01
      相关资源
      最近更新 更多