使用 eyecon bootstrap datepicker 显示 'Full-month-name yyyy'答案

【问题标题】：Display 'Full-month-name yyyy' with eyecon bootstrap datepicker使用 eyecon bootstrap datepicker 显示 'Full-month-name yyyy'
【发布时间】：2014-01-14 11:41:34
【问题描述】：

我正在尝试使用 eyecon Bootstrap datepicker http://www.eyecon.ro/bootstrap-datepicker/ 显示完整的月份名称，例如“2014 年 1 月”@ 有人知道这是否可能吗？我已经尝试了我所知道的一切（我是 JS 的大三学生）。

【问题讨论】：

是的，它是这样打印的。当点击第一个文本字段时，第一个示例显示为 2012 年 1 月
我认为 OP 希望在选择日期后在文本字段中显示整月。他/她没有询问日期选择器本身。
@MysticMagic 确实是我正在寻找的行为。我已经配置了实际的日期选择器让我只选择月份。但我正在寻找的显示风格是“2014 年 1 月”。谢谢

标签： javascript jquery datepicker

【解决方案1】：

我知道这是一个小小的旧线程。但是当我在寻找类似的行为时遇到了这个问题。由于我在本地找不到这样的功能，因此修补了一些代码 sn-ps 以使其工作。

http://jsfiddle.net/saz52h11/

变化如下：

var monthnames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
----
case 'mmm':
date.setMonth(monthnames.indexOf(val));
----
mmm:monthnames[date.getMonth()]
----
val.mmm = monthnames[val.m-1];

希望对你有帮助

【讨论】：

【解决方案2】：

这很好用：

$("#datepicker").datepicker( {
    format: "MMMM YYYY",
    startView: 1, 
    minViewMode: 1
});

将格式字段更改为“MMMM”而不是“mm”，它将提供整月。如果您使用“MMM”，它将显示月份的三个字符的缩写。

【讨论】：

对于较新的版本，似乎 MM 是全名，M 是 abr
自 2018 年起将格式更改为 format:"MM yyyy" 以获得适当的结果

【解决方案3】：

你可以试试这个：

$("#datepicker").datepicker( {
    format: "mm-yyyy",
    viewMode: "months", 
    minViewMode: "months"
});

另请注意，在 1.2.0 版本中，viewMode 已更改为 startView。

更新：

Refer This Demo

【讨论】：

我玩过这些选项：viewMode 和 minViewMode，指的是实际的日期选择器，而 format 是在中格式化日期的一种。我的问题是我找不到看起来像“2014 年 1 月”或“2014 年 1 月”的格式。它将它们全部转换为数字
@AndreiDoanca：仍然不确定您要做什么。
在日期选择器中选择一个月后，填充的字段必须看起来像“2014 年 1 月”而不是“01-2014”，不幸的是这个来自 eyecon 的日期选择器没有像这样的格式，我必须做一些编码......不幸的是我是 JS 的大三学生......无论如何：我正在寻找的格式是“Mon yyyy”
@AndreiDoanca：请参阅上面链接中的演示。你也会找到实现的代码。
@AndreiDoanca：也要养成接受对你有帮助的答案的习惯。