从 DatePicker 选择日期时输入字段消失

Question

我有一个 datepicker 只允许用户 select 一个月和一年（这个位工作正常）但是当我 select 一个月并关闭选择器时， input 字段添加以下 class 但我不知道为什么或如何停止此

style="display: none"

HTML

<input class="form-control" type="date" id="date">

JQuery

var date = new Date();
var year = date.getFullYear();
var month = date.getMonth();

$(function () {
    $("#date").datepicker({
        format: "MM yyyy",
        minViewMode: 1,
        startDate: new Date(year, month, '01'),
        endDate: new Date(year + 1, month, '31')
    });
});

HTML 当单击字段并显示选择器时

<input class="form-control" type="date" id="date" style="display: block;">

HTML select 离子后

<input class="form-control" type="date" id="date" style="display: none;">

我尝试了以下方法，但这似乎不起作用

   var date = new Date();
    var year = date.getFullYear();
    var month = date.getMonth();

    $(function () {
        $("#date").datepicker({
            format: "MM yyyy",
            minViewMode: 1,
            startDate: new Date(year, month, '01'),
            endDate: new Date(year + 1, month, '31'),
            onSelect: function() {
                document.getElementById("date").style.display = "block !important";
            }
        });
    });

Answer 1

原来是我 Site.Master 中的以下脚本导致了这个问题。删除后它工作正常。

我从我遇到的另一个问题中添加了这个，但是当我删除这个问题和我需要下面的问题时遇到的问题 script 仍然有效，所以摆脱它

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

从 DatePicker 选择日期时输入字段消失

Input Field Disappers When Selecting Date From DatePicker

javascript

jquery

bootstrap-datepicker