2016-11-30 62 views
0

如何四分之一的日期选择器结合的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/

+0

嗨,CHANGEDATE事件中的内容执行。我认为提交说明可能不好。 请发布html代码。 – UnclePetros

+0

http://jsfiddle.net/a1t465c7/添加到问题 – user2145488

回答

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();