1

jQueryモバイルで日付ボックスを実装しています。ポップアップで日付ボックスを使用していますが、これは機能しています。ユーザーが (+) ボタンを使用してポップアップ画面を開いたときに、テキスト フィールドにデフォルトの日付 (現在の日付) を設定する必要があります。

http://jsfiddle.net/ravi1989/uhdYv/

  <div data-role="popup" id="CaseInformationScreen" data-close-btn="none"  data-overlay-theme="a" data-dismissible="false">
                <div data-role="header" data-theme="b" >

                    <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a>
                    <h1>Case Information</h1>
                    <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a>
                </div>

                <div data-role="content">
                    <div><img src="img/Documents.png"/></div>
                    <div data-role="fieldcontain">
                        <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label>
                        <input name="text-12" id="text-12" value="" type="text" class="caseName_h" >
                    </div>
                    <div data-role="fieldcontain">
                        <label for="text-12" style="text-align:left;margin-left: 0px;" >Case Date:</label>
                        <!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h"  -->
                           <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true,"zindex":1200}'/>
                    </div>
                    <div data-role="fieldcontain">
                        <label for="textarea-12">Textarea:</label>
                        <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h"></textarea>
                    </div>
                </div>
            </div>
4

4 に答える 4

2

通常のjQueryを使用している場合。

これを試して

 $('#dateElement').datepicker('setDate', new Date());

更新：

DateBox プラグインを使用しているようです。その場合"defaultValue", "[2013,1,1]"は、data-options. 配列または文字列値を取ります。

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"defaultValue", "[2013,1,1]", "mode": "datebox", "useNewStyle":true,"zindex":1200}'/>

現在の日付が必要な場合は、次のように使用します。

var currentDate = new Date();

"defaultValue", "[" + currentDate.getFullYear() + "," + currentDate.getMonth() + "," + currentDate.getDate() + "]"
于 2013-07-18T06:56:33.937 に答える
0

次の 2 行が機能するはずです。

var defaultValue = [year, month, day];
$(element).datebox({'defaultValue' : defaultValue});
于 2014-06-04T21:04:03.527 に答える