更新引导日期选择器范围答案

【问题标题】：Update Bootstrap datepicker range更新引导日期选择器范围
【发布时间】：2015-12-30 21:31:50
【问题描述】：

我做了一个 JS Fiddle：https://jsfiddle.net/12uop4ud/

$(function(){
    var mode_calcul = 0;

    $('#zone_input .input-daterange').datepicker({
        language: "fr",
        format: "yyyy-mm-dd",
        minViewMode: 0,
    });

    $('#minViewMode').on('change',function(){

        mode_calcul = parseInt($(this).val());

        $('#zone_input .input-daterange').datepicker('remove').find('input').val('');
        if(mode_calcul == 0){
            $('#zone_input .input-daterange').datepicker({
                language: "fr",
                format: "yyyy-mm-dd",
                minViewMode: 0
            });     
        }else{
            $('#zone_input .input-daterange').datepicker({
                language: "fr",
                format: "yyyy-mm",
                minViewMode: 1
            });     
        }
    });
});

我有一个日期选择器范围和一个选择输入。当您将选择输入更改为“Semaine”为“Mois”（每周到每月）时，我想更改所有日期选择器的“查看模式”。

让我们做一个测试：

在开始日期选择器中，选择一个日期。
在结束日期选择器中，选择另一个日期。

这个时候就可以了

将选择输入更改为“Mois”（每月）
开始和结束日期选择器已清除。
点击开始日期选择器

此时，我们可以看到“月视图”中的日期选择器视图发生了变化

选择一个日期。

此时，我们看到了第一个问题：所选日期采用以下格式“YYYY-MM-DD”...但是当日期选择器关闭时，日期自动采用良好的格式 YYYY-MM...

如果您在选择输入中选择“Semaine”（每周），则所有字段都被清除

选择开始日期。

看到结束日期选择器重新加载结束日期，但格式错误...

你能帮我吗？

谢谢！

【问题讨论】：

标签： jquery bootstrap-datepicker

【解决方案1】：

您只需要在设置之前再次将选项设置为null。

我已添加以下功能并重置之前的日期以再次设置：

function resetDate(inputDate){
    inputDate.datepicker( "option" , {
    minDate: null,
    language: null,
    format: null, 
    minViewMode: null, 
    maxDate: null} );
}

演示

https://jsfiddle.net/gon250/12uop4ud/2/

希望对你有帮助。

【讨论】：