Question

我试图通过选择菜单更改日期选择器的minViewMode，该菜单具有三个选择：日，月和年。

我所做的：

$('#timeInterval').change(function(){
    if($(this).val() === "Month") {
        $('#datepicker-default .date').datepicker({
            format: "yyyy/mm",
            autoclose: true,
            minViewMode: "months"
        });
    } else if($(this).val() === "Year") {
        $('#datepicker-default .date').datepicker({
            format: "yyyy",
            autoclose: true,
            minViewMode: "years"
        });
    } else {
        $('#datepicker-default .date').datepicker({
            format: "yyyy/mm/dd",
            autoclose: true
        });
    }
});

以及选择菜单：

<select class="custom-select" id="timeInterval" name="timeInterval">
    <option selected="" value="0">Select to choose...</option>
    <option value="Year">Year</option>
    <option value="Month">Month</option>
    <option value="Day">Day</option>
    <option value="Hour">Hour</option>
</select>

现在，当我选择菜单选项时，它将正确初始化并运行良好。但是当我尝试切换时（例如，从“月”切换为“年”），它不起作用，仍然可以在minViewMode = months（或我最初选择的任何值）上工作。

任何想法都会受到赞赏。

Answer 1

解决。只需添加

$('#datepicker-default .date').datepicker("destroy");

一开始。

通过选择菜单更改引导日期选择器minViewMode

1 个答案: