1

ユーザーがボタンをクリックしたときにのみ、日付ボックス（カレンダー）をポップアップしたいだけです..

私が見つけたこのコード..

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}'>

しかし、テキストフィールドは必要ありません。カレンダーを表示する唯一のボタン

4

2 に答える 2

2

これはうまくいきますか？

JS

$('#linkmodelink').live('click', function() {
    $('#linkmode').datebox('open');
});

HTML

<div data-role="fieldcontain">
    <label for="linkmode">Some Date</label>
    <input name="linkmode" type="date" data-role="datebox" id="linkmode" data-options='{"noButton": true}' />
</div>
<br />
<a href="#" id="linkmodelink" data-role="button">Click Here</a>

ここで「リンクで開く」の例を使用しました。

そして data-role="button" をアンカータグに追加して、jQM にボタンマークアップを追加させました

于 2011-11-16T14:00:48.210 に答える
0

最初: ありがとうフィル!! このソリューションを楽しみにしています！

ただし、JQM v:1.1.0 および jQ v:1.7.1 および Datebox v:2.1 を試している場合は、コードに若干の変更を加える必要があります (@ GeralOEに感謝):

HTML:

    <input data-theme="c" name="dtFrom" id="dtFrom" type="date" data-role="datebox"  data-options='{"mode": "calbox", "afterToday": true, "hideInput": true }' style="width: 30px" />
    <input name="dtTo" id="dtTo" type="date" data-role="datebox" data-options='{"mode": "calbox", "afterToday": true, "hideInput": true }' />                     

<div data-role="controlgroup" data-type="horizontal" id="btnCalendar">
    <a href="#" id="From" data-role="button">From</a>
    <a href="#" id="To" data-role="button">To</a>
</div>
​

JS:

$('#btnCalendar').on("click", "a", function() {
    $thisCalendar = $(this).attr("id");
    $('#dt' + $thisCalendar).datebox('open');
});

</p>

http://jsfiddle.net/geralOE/nAugy/2/でテストできます(from ボタンと to ボタンに日付を書き込むなどの他の機能を実装するように更新します)。

liveまた、" " は 1.7 で非推奨になっているため、" " を使用する必要があることを考慮してくださいdelegate(これは非推奨になるため、" on" で準備してください。

于 2012-07-23T22:51:46.253 に答える