在jquery mobile中设置日期框之后，焦点移动到上部字段（文本字段） [英] Focus goes to upper field(text field) after setting the date box in jquery mobile

问题描述

>

实现一个弹出屏幕。在弹出屏幕我有一个文本字段和日期框。实际上点击日期框，并设置日期焦点转到上部文本字段实际上我试着在小提琴。问题创建（我don不知道为什么）。
首先去intex.html点击标题按钮（+）。这个弹出屏幕打开填充文本数据在那个打开日期框添加日期它去到上面的字段.. :(相同的代码我写在小提琴，但它是

I am implementing the a pop up screen .On pop up screen I have one text field and date box .actually on clicking the date box and setting the date the focus goes to upper text field actually i try on fiddle .The issue is created (i don't know why). First go to intex.html click header button(+).This pop up screen open fill text data on that open date box add date it goes to above field..:(same code i write on fiddle but it is not reproduce this.

以下是代码
https://www.dropbox.com/s/l2dtrxmnsurccxt/www.zip
我也尝试这样，但没有效果.. :(重点是上面的字段。我需要请再看这个问题

Here is that code https://www.dropbox.com/s/l2dtrxmnsurccxt/www.zip I also try like that but no effect..:( focus is goes to above field.:I need please look again this question

<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="mydate" 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" class="caseDate_h" 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="textarea-12" class="caseTextArea_h"></textarea>
                    </div>
                </div>

推荐答案

案例名称：

Case Name:

            <div data-role="fieldcontain">
                <label for="mydate" style="text-align:left;margin-left: 0px;" >Case Date:</label>                       
                <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/>
            </div>
            <div data-role="fieldcontain">
                <label for="textarea-12">Textarea:</label>
                <textarea cols="40" rows="8" name="textarea-12" id="textarea-12" class="caseTextArea_h"></textarea>
            </div>

这篇关于在jquery mobile中设置日期框之后，焦点移动到上部字段（文本字段）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！