jQuery UI DatePicker : no CSS, 没有选择

Question

我正在尝试让 jQuery UI DatePicker 正常工作。我将 development-bundle 文件夹的内容上传到文件夹 res/jqueryui 并设置了两个日期选择器，如下所示:

<script src="res/jquery-2.1.0.min.js"></script>
<script src="res/jqueryui/ui/minified/jquery-ui.custom.min.js"></script>
<script src="res/jqueryui/ui/minified/jquery.ui.datepicker.min.js"></script>
<link rel="stylesheet" href="res/jqueryui/themes/blitzer/minified/jquery.ui.datepicker.min.css">
<script>
    $(document).ready(function() {
        $( "#from" ).datepicker();
        $( "#to" ).datepicker();
        $( "#from" ).datepicker( "option", "dateFormat", $( this ).val() );
        $( "#to" ).datepicker( "option", "dateFormat", $( this ).val() );
    });
</script>

如果我单击其中一个日期选择器字段，则会出现日期选择器，但没有样式。如果我将样式表 href 设置为 http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css，该样式就可以正常工作。为什么？

另一个问题是，当我在日期选择器中单击日期时，字段值不会更新。没有 JS 错误。可能是什么问题？

请注意，我没有使用 bundle (jquery-1.10.2.js) 附带的 jQuery 文件，但如果我使用它，则没有任何区别。

Answer 1

我通过重新下载自定义 jQuery UI 包并仅上传主 .js 文件和 .css 文件(连同图像)解决了 CSS 问题，并在 HTML 源代码中引用它们:

<script src="res/jquery-2.1.0.min.js"></script>
<script src="res/jquery-ui-1.10.4.custom.min.js"></script>
<link rel="stylesheet" href="res/jqueryui-css-blitzer/jquery-ui-1.10.4.custom.min.css">

我通过指定正确的日期格式而不是使用 $( this ).val() 解决了日期选择问题，这是 date formats example 的残余.因此正确的代码是:

$( "#from" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );
$( "#to" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );