我可以让 mobiscroll 日期时间选择器工作的唯一方法是禁用 ajax 并从其他文件中设置 rel="external"。我想要 Jquery 的 ajax 的平滑过渡,但我无法让它工作。这就是我设置声明的方式:
$('#gauge_page').live('pageinit', function(event)
{
alert( 'This page was just enhanced by jQuery Mobile!' );
var now = new Date();
var then = new Date();
then.setHours(then.getHours()-12);
$('#start_datetime').scroller({
preset: 'datetime',
theme: 'android-2',
display: 'modal',
mode: 'scroller',
dateFormat: 'mm/dd/yy',
timeFormat: 'hh:ii a'
});
$('#start_datetime').scroller('setDate', then, true);
$('#end_datetime').scroller({
preset: 'datetime',
theme: 'android-2',
display: 'modal',
mode: 'scroller',
dateFormat: 'mm/dd/yy',
timeFormat: 'hh:ii a'
});
$('#end_datetime').scroller('setDate', now, true);
});
<div id="date_form_start">
<h4><b>Start</b></h4>
<input type="text" name="start_datetime" id="start_datetime" class="date_form_field_datetime" />
</div>
每次都会显示 alert() 消息,但只有在刷新页面时才会初始化日期字段。那么如何使用 pageinit 事件正确初始化它呢?