引导日期选择器显示月份名称答案

【问题标题】：Bootstrap date picker display month name引导日期选择器显示月份名称
【发布时间】：2014-07-21 09:03:25
【问题描述】：

我正在使用 Bootstrap 日期选择器，我想在日期选择器字段中显示月份。见下文图片。

我尝试了以下代码：

$('#example1, #example2, #example3').datepicker({
    format: "dd/MM/yyyy"
});

但这没有用。谁能帮帮我？

编辑：我想在文本字段中显示月份名称（2014 年 8 月 14 日），而不是现在显示的日期 - 2014 年 8 月 14 日。

【问题讨论】：

你到底想要什么？？？
您必须在文本字段中显示“14 August 2014”吗？
是的。我想在文本字段中显示“2014 年 8 月 14 日”。

标签： jquery twitter-bootstrap datepicker

【解决方案1】：

你可以的

$('#input_date').datepicker({
    format: 'dd M yyyy'
});

【讨论】：

【解决方案2】：

希望你能从下面的代码中得到你想要的输出

$('#example1,#example2,#example3').datepicker({
        format: "dd MM yyyy",
});

但我想建议您使用类而不是对多个字段使用多个 ID。例如，假设所有字段都使用类名 example1，那么代码将是这样的

$('.example1').datepicker({
        format: "dd MM yyyy",
});

【讨论】：

【解决方案3】：

momentjs负责格式化日期。

MM - 01 02 ... 11 12

MMM - 1 月 2 月 ... 11 月 12 月

MMMM - 1 月 2 月 ... 11 月 12 月

以下代码格式化文本字段中的月份名称

$('#example1, #example2, #example3').datepicker({
    format: "dd MMMM yyyy"
});

【讨论】：

【解决方案4】：

使用 dd/mm/yyyy（MM 显示月份名称，mm 数字）

格式细绳。默认值：“mm/dd/yyyy”

日期格式，d、dd、D、DD、m、mm、M、MM、yy、yyyy的组合。

d, dd：数字日期，分别无前导零和前导零。例如，5、05。 D、DD：分别是缩写和完整的工作日名称。例如，星期一，星期一。 m、mm：数字月份，分别为无前导零和前导零。例如，7、07。 M、MM：分别是缩写和完整月份名称。例如，一月，一月 yy, yyyy：分别是 2 位和 4 位数字的年份。例如，2012 年 12 月。

【讨论】：

【解决方案5】：

我认为唯一的方法是实现hide()事件并更改文本字段：

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

 $('#datePickerID').datepicker()
         .on("hide", function(e) {
           var temp=e.delegateTarget.firstElementChild.value.split('/');
            var selectedMonthName = months[parseInt(temp[1])-1]; 
            e.delegateTarget.firstElementChild.value=temp[0]+' '+selectedMonthName+' '+temp[2];
           });

【讨论】：

【解决方案6】：

这应该可以工作

     $('#example1').datetimepicker({format:'D-MMM-YYYY'});

【讨论】：

【解决方案7】：

编辑

尝试单独初始化

$('#example1').datepicker({
    format: "dd/MM/yyyy"
});

$('#example2').datepicker({
    format: "dd/MM/yyyy"
    });

$('#example3').datepicker({
    format: "dd/MM/yyyy"
    });

或

给他们一个单一的类“例子”然后使用

$('.example').datepicker({
        format: "dd/MM/yyyy"
        });

检查文档 http://bootstrap-datepicker.readthedocs.org/en/release/options.html#format;

【讨论】：