如何在jquery mobile的弹出屏幕上显示日期框

时间:2013-07-01 12:36:34

标签: jquery-mobile

我正在jquery mobile的弹出屏幕中实现日期框。这可能会在弹出屏幕中显示日期框吗?因为两者都有相同的theam,所以有可能发生冲突。 这是我的代码。我需要在案例日期字段前面显示日期框。 http://jsfiddle.net/ravi1989/DtnYz/

<a href="" data-role="button" id="search">Search</a>
  <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="text" class="caseDate_h">
                        </div>



                    </div>
                </div>

脚本

$(document).on('click', '#search', function() {

     var d = new Date();

           var month = d.getMonth()+1;
           var day = d.getDate();
           var output = d.getFullYear() + '/' +
            ((''+month).length<2 ? '0' : '') + month + '/' +
             ((''+day).length<2 ? '0' : '') + day;

$(".caseDate_h").val(output)
  $( "#CaseInformationScreen" ).popup( "open" )
});

0 个答案:

没有答案