Question

我有以下div：

            <div class="input-group">
                <input type="hidden" id="datepicker">
                <input type="text" id="input_date" class="form-control" value="" readonly='readonly'>
                <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span>
            </div>

以下JQuery调用：

    var today = new Date();
    $("#input_date").datepicker({
        changeYear: false,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#datepicker",
        minDate: today,
        onSelect : function () {
            var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val());
        }
    }).datepicker("setDate",today);

当我按下datepicker字段时，这会使text正确显示。但是，当我单击随附范围内的input_btn_calendar按钮时，我也希望它显示出来。

我试过这个：

    $("#input_btn_calendar").click(function() {
        $("input_date").datepicker('show')
    });

但不幸的是，这没有任何作用。我错过了什么？

Answer 1

您的$('input_date')选择器无效。

试试这个，

$("#input_btn_calendar").click(function() {
    $("#input_date").datepicker('show')
});

JQuery Datepicker：在输入组插件按钮上单击

1 个答案: