Question

我想在点击小图片时渲染一个日期选择器，选择日期，使用所选日期根据所选日期填充一组年，月和日的选择元素。我想出了onSelect部分并将所选日期应用于select元素中的选项。

我的问题是日期选择器没有关闭日期选择器。它留在那里。如果我调用hide（）方法，它也会隐藏图像（span元素的一部分）。这是我的HTML代码：

<span id="pickupCalendar"><img src="/images/calendar.png"></img></span>

这是剧本：

$("#pickupCalendar").click(function () {
    $("#pickupCalendar").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function (dateText, inst) {
            //code to fill the other elements with the selected date goes here
            $("#pickupCalendar").datepicker().hide(); //<-- hides the image (span element along with the datepicker)
        }
    });
});

Answer 1

我会更改HTML标记，因此可以更轻松地定位元素。

<span id="pickupCalendar"></span><button>Button</button>

    $("button").click(function () {
        $("#pickupCalendar").show();
        $("#pickupCalendar").datepicker({
            dateFormat: 'dd-mm-yy',
            onSelect: function (dateText, inst) {
               //code to fill the other elements with the selected date goes here
               $("#pickupCalendar").datepicker().hide(); 
            }
        });
    });

<强> FIDDLE

Answer 2

你能试试吗？

$("#pickupCalendar").click(function () {
    $("#pickupCalendar").datepicker({
        dateFormat: 'dd-mm-yy',
        onSelect: function (dateText, inst) {
            //code to fill the other elements with the selected date goes here
            $("#pickupCalendar").datepicker().hide(); 
            $("#pickupCalendar img").hide();
        }
    });
});

隐藏jQuery datepicker

2 个答案: