设置任何选项时，JQuery Mobile datepicker 会丢失主题答案

【问题标题】：JQuery Mobile datepicker loses theme when any options are set设置任何选项时，JQuery Mobile datepicker 会丢失主题
【发布时间】：2015-10-03 20:04:13
【问题描述】：

我正在使用带有移动主题日期选择器插件的 JQuery Mobile。这是相关代码，根据 JQuery Mobile Datepicker 演示，它可以按预期工作：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css"/>
<link rel="stylesheet" href="jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="jquery.mobile.datepicker.css"/>
<script src="jquery-1.11.3.min.js"></script>
<script>
    //reset type=date inputs to text
    $( document ).bind( "mobileinit", function(){
        $.mobile.page.prototype.options.degradeInputs.date = true;
    }); 
</script>
<script src="jquery.mobile-1.4.5.min.js"></script>
<script src="jquery.ui.datepicker.js"></script>
<script id="mobile-datepicker" src="jquery.mobile.datepicker.js"></script>
</head>

<body>
  <input id="servicedate" name="servicedate" data-role="date" type="text" />
</body>

上面会生成与“servicedate”输入相关联的正确样式的移动日期选择器，例如this。

现在，任何与 datepicker 交互的尝试，例如动态更改任何选项，都会导致它失去其移动风格。在正文的底部，我添加了一个：

<script>
  $("#servicedate").datepicker({ dateFormat: "DD, MM dd yy", }); 
</script>

...现在，虽然选项确实有效，但它会产生看起来很不愉快、没有主题的日期选择器，例如 this。

对我做错的任何帮助/指导将不胜感激。谢谢。

【问题讨论】：

在您的检查器中，尝试在应用自定义格式之前和之后查看样式。

标签： javascript jquery jquery-mobile datepicker

【解决方案1】：

您需要在标题中添加对 jqueryUI.css 的引用

类似这样的：

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">

我宁愿不必这样做，但这是我让它工作的唯一方法。

（已编辑）

【讨论】：