Bootstrap日期选择器显示月份名称

Question

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

我尝试了以下代码：

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

但是没用。任何人都可以帮助我吗？

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

Answer 1

希望您可以从以下代码中获得期望的输出

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

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

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

Answer 2

使用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：分别是缩写和完整月份名称。例如，1月1日 yy，yyyy：分别是2年和4年的年份。例如，2012年12月。

Answer 3

你可以

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

Answer 4

我认为唯一的方法是实现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];
           });

Answer 5

momentjs负责格式化日期。

MM-01 02 ... 11 12

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

MMMM-2月1日至12月11日

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

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

Answer 6

这应该有效

Observable

Answer 7

修改

尝试单独初始化

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

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

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

或

给他们所有人一个班级＆＃34;例子＆＃34;然后使用

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

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