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

时间:2015-10-12 08:20:54

标签: javascript jquery bootstrap-datepicker

我有datepicker只允许用户选择月份和年份(此位工作正常)但是当我选择一个月并关闭选择器时,input字段会添加以下类但我不知道为什么或如何阻止这个

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

<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";
            }
        });
    });

1 个答案:

答案 0 :(得分:0)

原来我的Site.Master中的以下脚本导致了这个问题。一旦删除它就可以了。

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

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