DatePicker：将季度选择器与提交功能相结合答案

【问题标题】：DatePicker: combine quarterly picker with submit functionalityDatePicker：将季度选择器与提交功能相结合
【发布时间】：2017-04-14 17:13:30
【问题描述】：

如何组合一个季度的 datePicker

（见：SO: how-to-change-bootstrap-datepicker-month-view-to-display-quarters

jsfiddle:http://jsfiddle.net/4mwk0d5L/1/)

具有提交功能？

（如：SO: bootstrap-datepicker-how-to-send-value-to-url?）

我试过了：

$('#example1').datepicker({
    format: "MM yyyy",
    minViewMode: 1,
    autoclose: true,
    language: "qtrs",
    forceParse: false
}).on("show", function (event) {

    $(".month").each(function (index, element) {
        if (index > 3) $(element).hide();
    });
}).on('changeDate', function () {
    $(this).parent('form').submit();
});

但它似乎不起作用。

这是我用过的 jsFiddle： http://jsfiddle.net/a1t465c7/

【问题讨论】：

您好，changeDate 事件中的内容已执行。我认为提交指令不行。请也发布 html 代码。
jsfiddle.net/a1t465c7 已添加到问题

标签： jquery twitter-bootstrap bootstrap-datepicker

【解决方案1】：

是的，它应该可以工作。执行 changeDate 事件中的内容。试试这个：

$('#example1').datepicker({
    format: "MM yyyy",
    minViewMode: 1,
    autoclose: true,
    language: "qtrs",
    forceParse: false
}).on("show", function (event) {

    $(".month").each(function (index, element) {
        if (index > 3) $(element).hide();
    });
}).on('changeDate', function () {
    alert('test');
});

请看这里：http://jsfiddle.net/76Lhvfy0/

以下指令可能有问题：

$(this).parent('form').submit();

【讨论】：