使文本框和图像显示日期选择器

时间:2013-10-02 12:17:26

标签: jquery jquery-ui jquery-ui-datepicker

我目前有这个脚本,它给了我一个文本框旁边的图像。如果我单击图像,它会显示datepicker:

$("#txtDate").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "+0:+1",
    showButtonPanel: false,
    dateFormat: "dd/mm/yy",
    showOn: "button",
    buttonImage: "image.png",
    buttonImageOnly: true,
    onClose: function() {

        selectedDateTime($("#txtDate").val(), $("#ddlHourTime").val(), $("#ddlMinuteTime").val());

    }
});

如何更改此设置,以便在单击文本框或图像时日期选择器显示自己。目前,当我点击文本框时没有任何反应。

1 个答案:

答案 0 :(得分:2)

您的问题是如何设置showOn。它被设置为“按钮”,因此它只会在点击时打开日期选择器。将其更改为“both”,它将在文本框中单击abe按钮单击打开。

这是jsfiddle

$("#txtDateBoth").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "+0:+1",
    showButtonPanel: false,
    dateFormat: "dd/mm/yy",
    showOn: "both",
    buttonImage: "image.png",
    buttonImageOnly: true,
});