1

こんにちは、さまざまな検索エンジンの結果をトロールしましたが、正しい方向に向けているものは何も思いつきませんでした。ここの誰かが私を助けてくれることを願っています.

私はJavascript / JQueryが関係している初心者なので、簡単に行ってください。

問題: 現在、Textbox をクリックして JQuery DatePicker 関数を呼び出していますが、これはうまく機能します。テキストボックスをクリックして日付を選択すると、テキストボックスに入れられます。ビッグティック。

しかし、画像をクリックして同じ関数を呼び出す必要もあります。私は .click 関数を呼び出すことでこれを行うと思った

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

元の JQuery を呼び出す

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

新しい関数として書き直そうとしました

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

しかし、これはすべてがうまくいかないところです。新しい関数を作成する方法を見つける/解決できないように見えるので、任意の数の $("ID of control").click(datePickerFunc); から呼び出すことができます。

いくつかの助けをいただければ幸いです。

--更新-- 以下の回答への返信:

以下の作品：

<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 .... をクリックしても、次の場合は機能しません。

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

（作業中のTextBoxに戻って最初にクリックしてから、画像を試してみることに注意してください）。

私のバージョンの 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 に答える