1

皆さん、良い一日を

datepicker を使用して、イベントが発生する特定の日付をユーザーに表示したいと考えています。私のゲーム プランは、datepicker をインラインとして使用し、それが常に表示されることを示し、ハイライトされた日付をそれに渡すことです。私の質問は、入力ボックスを非表示にして、ユーザーにカレンダーのみが表示されるようにするにはどうすればよいですか? または、ユーザーがボタンをクリックしてカレンダーを表示することもできますが、日付を選択できるようにしたくありません。

ありがとうマイク

4

6 に答える 6

3

これは役立ちます：

.ui-input-datebox { width: 40px; border: 0; background: transparent; padding: 0;margin: 0; box-shadow: none;}
.ui-input-datebox input {display: none;}
于 2012-03-09T09:37:43.227 に答える
2

data-option "hideInput": "true" ( http://dev.jtsage.com/jQM-DateBox/demos/fullopt.htmlを参照してから、"Display Options"-Accordion-Tab を参照)

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "hideInput": "true"}' />
于 2012-09-06T13:35:31.713 に答える
1

どうやら私はこれを文書化することに取り組まなかったようです - useInlineHideInput: true はそれを行うべきです。useInline が真であることに依存していると思います。

于 2012-03-11T03:30:29.163 に答える
1

これが良い答えです。

<input id="date-id" name="date" type="text" data-role="datebox" data-options='{"mode":"calbox", "hideInput": "true", "hideButton": "true", "useInline": "true"}'>

于 2014-10-26T17:57:33.713 に答える
1

それは次のように行うことができます：

HTML

<a href="#" id="date-trigger" data-role="button" data-icon="grid" data-iconpos="noText" >28/08/2013</a>

<input data-role="datebox" data-options='{"mode": "calbox", "hideInput": "true", "noButton": "true"}' name="date" id="date" type="date" value="28/08/2013">

JS

$('#date-trigger').on( 'click', function(){
    $('#date').datebox('open');
});

Datebox2 を使用する場合は、 http: //dev.jtsage.com/jQM-DateBox2/demos/opt/open.html を参照してください。

デビッド

于 2013-08-27T08:11:48.357 に答える
0

次のコードを使用して、入力ボックスを非表示にできます。

<div style="display: none;">
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox", "calTodayButton": true}'>
</div>
于 2011-10-19T08:16:15.207 に答える