0

簡単な質問: ID を持つ要素があります。ページのロード後に Dojo Datepicker コントロールをその要素にアタッチしたいと考えています。その要素をクリックすると、日付ピッカーが表示されます。API ドキュメントには、そのようなアプローチが欠けています。私は何か見落としてますか?解決策はありますか?前もって感謝します!

アップデート

明確にするために: Datepicker を入力要素にアタッチするのではなく、span/div 要素 (テキストのみ) にアタッチします。その要素をクリックすると、日付ピッカーが表示されます。残りのコーディングは、datepicker の JS コード内で行う必要があります (ビューの変更など)。jQuery Datepicker を使用することもできますが、明確でユニークなユーザー エクスペリエンスを実現したいと考えています。そういうわけで、私は Dojo のやり方を求めています ;-)

4

2 に答える 2

1

dojox.mobile ピッカーが探しているものである場合は、それをオーバーレイにアタッチする必要があります。直付けはありません。dijit/datetextbox のように。モバイル ピッカーが必要な場合の例を以下に示します。

オープナーを使用する場合、show() 内で、何にアタッチするかを指示します。

<div id="customPicker" data-dojo-type="dojox/mobile/Opener" data-dojo-props="onHide:setDeliveryDate">
     <h1 data-dojo-type="dojox/mobile/Heading" label="Custom Picker">
              <div data-dojo-type="dojox/mobile/ToolBarButton" label="Done" class="mblColorBlue" style="width:45px;float:right;" onClick="dijit.registry.byId('customPicker').hide()"></div>
      </h1>
    <div id="dateSpinner" data-dojo-type="dojox/mobile/DatePicker" data-dojo-props="monthPattern:'MM', dayPattern:'dd'"></div>
</div>

<input id="dateField" onclick="dijit.registry.byId('customPicker').show(this)"></input>

そしてスクリプト::

require(["dojo","dojox/mobile/Opener","dojox/mobile/Heading", "dojox/mobile/ToolBarButton","dojox/mobile/DatePicker", "dijit/registry"])


    function setDeliveryDate(){

        var spin =dijit.registry.byId("dateSpinner");
        dojo.byId("dateField").value = spin.slots[1].value + "/" + spin.slots[2].value + "/" + spin.slots[0].value;


    }

フィドル: http://jsfiddle.net/PrJzp/

編集::

スパンにカレンダーを含めるには、dijit/Calendar コンポーネントを使用します。

require([
    "dijit/Calendar",
    "dojo/date",
    "dojo/domReady!"
], function(Calendar, date){
    new Calendar({
        value: new Date(),
    }, "SpanWhereCalendarIS");
});

https://dojotoolkit.org/reference-guide/1.9/dijit/Calendar.html

于 2013-07-26T05:49:09.817 に答える
0

XPage が Dojo をロードしていることを確認してから、inputText コントロールで dojoType を dijit.form.DateTextBox に設定します。

XPages 日付ピッカー コントロールで dojoType を設定することもできます。Paul Withers はこれに関するブログ記事を持っています: http://www.intec.co.uk/xpages-date-picker-my-preference/

于 2013-07-26T05:55:08.183 に答える