DatePicker:将季度选择器与提交功能相结合

时间:2016-11-30 11:36:33

标签: jquery twitter-bootstrap bootstrap-datepicker

如何组合四分之一的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/

1 个答案:

答案 0 :(得分:2)

是的,应该有效。 执行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();