Question

我正在使用DateBox（http://dev.jtsage.com/jQM-DateBox/）插件来获取最新版本的JqueryMobile的页面，但我发现了一个奇怪的错误。当我在index.html上打开我的应用程序并使用日期选择器浏览页面到页面时，我得到了这个 - http://cl.ly/19022K40472e3k0D0D2H

但是，如果我通过地址栏直接进入页面，它可以正常工作并显示出来。

所以只是想知道其他人是否有这个问题？或者任何想法如何解决它？

另外我可以补充一下是否有人知道如何在文本字段中显示当前日期？

感谢。

Answer 1

1）看起来这是一个问题，没有正确加载datebox的css。你是否在index.html中加载了datebox的CSS？。在这种情况下，当你直接转到带有datepicker的页面时，CSS可能无法加载。您可以使用firefox的firebug或Chrome / Safari中的内置开发人员工具来检查是否加载了datebox css。（查看资源标签以查看所有已加载的资源）

2）查看此示例 - http://jsfiddle.net/BNsPB/。在这个例子中，我在文档中编写了代码，在您的情况下，您可能必须在pageinit或pagecreate事件处理程序中编写

检查实际代码后，我认为你必须在pageshow事件处理程序中添加上面的代码片段，如下所示:(假设bookingPage是页面的id）

$("#bookingPage").live( 'pageshow',function(event, ui){
  var today = new Date();
    var todayStr = today.getFullYear()+"-"+(today.getMonth()+1)+"-"+today.getDate();
    $('#mydate').trigger('datebox', {'method':'set', 'value':todayStr});
     });
});

Answer 2

您需要在第一个实例（index.html推荐）中导航到您的网站导航到的实际文件中的文件。听起来您只在日期选择器页面中引用了CSS和插件代码，但在默认模式下，jQM使用基于ajax哈希的导航系统，因此您需要以这样的方式引用资源： -go。

Jquery Mobile DateBox插件仅在直接链接到页面时才起作用

2 个答案: