Question

我正在尝试使用jQuery UI DatePicker。我将开发包文件夹的内容上传到文件夹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>

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

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

请注意，我没有使用捆绑包附带的jQuery文件（jquery-1.10.2.js），但如果我使用它，则没有任何区别。

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()解决了日期选择问题，$( "#from" ).datepicker( "option", "dateFormat", 'yy-mm-dd' ); $( "#to" ).datepicker( "option", "dateFormat", 'yy-mm-dd' );是date formats example的残余。因此，正确的代码是：

{{1}}

jQuery UI DatePicker：没有CSS，没有选择

1 个答案: