Jquery 将MobiPick日期选择器集成到已具有数据角色为“”的div的自定义表单时出现问题；第页“；

我对Javascript和jQuery非常陌生，但我想将下面漂亮的日期选择器集成到我们的表单中

故障代码：

$(document).on( "pagecreate", "#demo", function() {
var picker = $( "input[type='text']", this );
picker.mobipick();
});



<div id="demo" data-role="page" data-add-back-btn="true">
<div data-role="content" >
<div class="demo">
<input type="text" />
</div>
</div>
</div>

$（文档）。在（“页面创建”，“演示”，函数（）上）{
var picker=$（“输入[type='text']”，this）；
picker.mobipick（）；
});

---

问题是它只在pagecreate上运行函数并传递“this”，我不知道实际传递的是什么。我的表单已经有一个main

，当我用

添加另一个div时，第二个div不会显示。如果我将其更改为

，则它会显示，但上面的函数不会启动。

其他人发布了此代码，该代码工作正常

Javascript

Html

          $(document).ready(function () {
            var picker = $("#StartDate", this);
            picker.mobipick();
            picker.bind("change", function () {
                var date = $(this).val();
            // formatted date                   
            var dateObject = $(this).mobipick("option", "date");
            });
            });

<input name="StartDate" id="StartDate"  type="text" value=""/>