Question

我是Javascript和jQuery的新手，但想将下面的日期选择器集成到我们的表单中。

http://mobipick.sustainablepace.net/demo-advanced.html

故障代码：

$(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>

问题是它只运行pagecreate上的函数并传递“this”，我不知道实际传递的是什么。我的表单已经有一个主<div data-role="page">，当我添加另一个div <div id="demo" data-role="page">时，第二个div不会显示。如果我将其更改为<div id="demo" data-role="subpage">，则会显示，但上面的函数不会触发。

Answer 1

其他人发布了这段完美无缺的代码。

的Javascript

          $(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");
            });
            });

HTML

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

无法将MobiPick日期选择器集成到已经具有data-role =“page”的div的自定义表单中

1 个答案: