0

JavaScript を使用して画像でカレンダー ポップアップをトリガーしようとしていますが、何らかの理由で正しく機能しません。何かアドバイス？

これが私のコードです：

<input size="12" id="f_date1" class="fields"/>&nbsp;<a href="#" class="f_btn1" title="Select your date and time."><img src="Icons/calendar.png" alt="Calendar" width="16" height="16" border="0" /></a></td>

    <script type="text/javascript">//<![CDATA[
      Calendar.setup({
        inputField : "f_date1",
        trigger    : "f_btn1",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });
    //]]></script>

ヘッダーには CSS と JS が含まれています。

アップデート

私はそれをやった

<script type="text/javascript">//<![CDATA[
      Calendar.setup({
        inputField : "f_date10",
        trigger    : "f_btn10",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });

      Calendar.setup({
        inputField : "f_date11",
        trigger    : "f_btn11",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });

      Calendar.setup({
        inputField : "f_date12",
        trigger    : "f_btn12",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });

      Calendar.setup({
        inputField : "f_date13",
        trigger    : "f_btn13",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });

      Calendar.setup({
        inputField : "f_date14",
        trigger    : "f_btn14",
        onSelect   : function() { this.hide() },
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });

<script>

しかしサイコロはありません。CSSとJSが追加されても、まだ起動を拒否しています...

4

1 に答える 1

1

これはjsCalendar pluginだと思います。
トリガー: " f_btn1 " は、アンカー HTML タグのクラスではなく、 id属性である必要があります。 このような： 

<a href="#" id="f_btn1" title="Select your date and time.">

これの代わりに：

<a href="#" class="f_btn1" title="Select your date and time.">

また、 imgをアンカータグ内にラップする必要はありません。カレンダーのドキュメントで、「トリガー」パラメーターについて読みました。 

trigger — an ID of a <button> element (in fact any element type) that should trigger the popup calendar (the calendar hooks on the “onclick” event).
于 2012-12-06T23:00:32.940 に答える