Javascript Jquery移动数据选择器问题

因此，我使用来自jquerymobile的日期选择器输入，并且在正确渲染它时遇到了一些困难。我已经包含了JQM团队提供的所有必要文件（），当我将其直接添加到静态HTML中时，可以将其渲染：

<label for="mydate">Some Date</label>
<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}'>

formFields是我附加到页面的HTML字符串

在上面的静态HTML页面中，当页面加载JQM时，JQM向代码中添加了一堆东西。当我调用create方法时，它似乎没有执行相同的操作。有人知道这有什么办法吗？提前谢谢

---

更新： 因此，根据下面发布的有用评论，似乎由于这不是正式的JQM输入，因此调用“create”方法不会刷新此输入并应用必要的样式。上面发布的HTML正是我用字符串生成器创建的。问题在于提神。加载页面时，会向日期输入HTML添加一堆额外的内容。下面是firebug中的外观。。。有人经历过这种情况吗

<div class="ui-input-datebox ui-shadow-inset ui-corner-all ui-body-c">
  <input id="mydate" class="ui-input-text ui-body-null ui-body-x" type="text" data-   options="{'mode': 'calbox'}" data-role="datebox" name="mydate">
  <a class="ui-input-clear ui-btn ui-btn-up-c ui-btn-icon-notext ui-btn-corner-all ui-shadow" title="date picker" href="#" data-theme="c" style="vertical-align: middle; float: right;">
     <span class="ui-btn-inner ui-btn-corner-all">
       <span class="ui-btn-text">date picker</span>
       <span class="ui-icon ui-icon-grid ui-icon-shadow"></span>
     </span>
  </a>

---

好了，伙计们，想好了

事实证明，即使在调用“create”方法之后，也没有应用样式。所以我转向了一个在网络上流传的黑客。我基本上只是破坏了整个形态，然后重建成这样：

$('#page').page("destroy").page();

---

Page是表单所在的内容窗格的名称。重新加载就这么简单。希望这能帮助你们中的一些人…

要在动态插入HTML时正确呈现JT阶段日期框，请执行以下代码

$('#mydate').textinput();
$('#mydate').datebox();
$('#mydate').datebox('hardreset');

---

第一行作为JQM文本输入，接下来的两行做其余的

另一个值得考虑的日期选择器是Mobi Pick，请参见

关于日期框的一些说明。JQM没有发布这个，它是来自JT Sage的第三方插件。那么，您是否可以编辑您的问题并添加用于动态创建页面的代码？还是页面本身？啊，我现在明白了。我会修改它。

$('#mydate').textinput();
$('#mydate').datebox();
$('#mydate').datebox('hardreset');