1

嗨，我已经通过各种搜索引擎结果进行了拖网搜索，但没有找到任何指向正确方向的东西，所以希望这里有人可以帮助我。

我是一个涉及 Javascript / JQuery 的菜鸟，所以请放轻松。

问题：我目前正在通过单击文本框调用 JQuery DatePicker 函数，这很好用。您单击文本框，选择一个日期，它将其放入文本框。大滴答。

但我也需要通过单击图像来调用相同的函数。我想我会通过调用 .click 函数来做到这一点

$("endDateImage").click(datePickerFunc);

调用原始 JQuery

$("#endDatepicker").datepicker({ // options set here });

我试图将其重写为新功能

function datePickerFunc() {
        $().datepicker({
            // options set here
        })
    };

但这就是一切都出错的地方，我似乎无法找到/弄清楚如何编写新函数，所以我可以从任意数量的 $("ID of control").click(datePickerFunc);

一些帮助将不胜感激。

--UPDATE-- 回复以下答案：

以下作品：

<asp:TextBox ID="endDatepicker" runat="server" Text="10/10/2013" Width="65px"></asp:TextBox>

和

$("#endDatepicker").datepicker({
 dateFormat: 'dd/mm/yy',
 defaultDate: "+1w",
 changeMonth: true,
 numberOfMonths: 2,
 onClose: function (selectedDate) {
$("#startDatepicker").datepicker("option", "maxDate", selectedDate);} });

但相同的 asp:TextBox ID .... click on 不适用于以下内容：

$("#endDatePicker").click(datePickerFunc);

function datePickerFunc() {
        $(this).datepicker({
            dateFormat: 'dd/mm/yy',
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 2,
            onClose: function (selectedDate) {
                $("#startDatepicker").datepicker("option", "maxDate", selectedDate);
            }
        })
    };

（请注意，我已经回到我的工作文本框单击第一个，然后将尝试使用图像）。

我的 Jquery 版本可以吗？我错过了引用的东西吗？谢谢

编码在 HTML 5 / C# / css /JQuery 版本 1.9.1.js 和 ui 版本 1.10.3 中。

干杯

特雷夫。

4

1 回答 1

1

您可以简单地使用this，因为它将引用单击的元素：

$("#endDateImage").click(datePickerFunc);
$("#foo").click(datePickerFunc);

function datePickerFunc() {
    $(this).datepicker({
        // options set here
    })
};

这将导致#endDateImage和#foo元素都有自己的datepicker创建实例。

于 2013-11-04T09:22:22.427 回答