0

datebox (または jtsage のようなプラグイン) の現在の jquerymobile 実装は、テキスト入力用の datebox をポップアップ表示します。ユーザーがラベル（またはランダムなテキスト）をクリックしたときに日付ボックスを表示したい場合に拡張する方法はありますか？

たとえば、私の場合http://jsfiddle.net/sonyisme/UEmh3/1/では、ユーザーがテキスト「8/1/2012-8/7/2012」をクリックしたときに日付ボックスを表示したいと考えています。

4

1 に答える 1

2

確かに、dateboxにはopenメソッドがあります

だからあなたは次のようなことができます

$('#myLabel').on('click', function() {
  $('#mydate').datebox('open');
});

編集：

コメントで述べたように、プラグインで一度そのようなことをしたので、入力をまったく表示したくないので、Dateboxそれを設定してビューポートから隠したdivにラップする必要がありましたz-index を -1 にします。問題は、z-indexコードを変更する必要があったことです (基本的にプラグインが初期化された後)。ここにいくつかのコード例があります

HTML

 <div  class="hdnDateBoxCnt width25Percent"> 
                  <input type="date" name="myDateBox" id="myDateBox" data-role="datebox"
                     data-options='{"mode":"calbox",  "disableManualInput": true, "noButtonFocusMode": true}' />
  </div>

CSS

.hdnDateBoxCnt 
{
  position:absolute;
  /* z index needs to be set in code */   
}

JS

$('.hdnDateBoxCnt').css('z-index', '-1');

の以前のバージョンでコード/マークアップを使用したdateboxためdata-options、少し変更されている可能性があることに注意してください。それ以来、MobiScrollプラグインの使用に切り替えました。

于 2012-08-23T23:55:42.703 に答える