Ответ 1
Я предполагаю, что вам действительно не хватает ни таблицы стилей, ни изображений.
попробуйте добавить ссылку CSS в
http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css
Это неуместное поведение jQuery в обычном вагоне mvc3? Является ли это стандартным стилем поведения? Как сделать его НЕ прозрачным? спасибо!
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.date').datepicker({ dateFormat: "dd/mm/yy" });
});
</script>
@Html.TextBox("xxx", "", new { @class = "date" })
Я предполагаю, что вам действительно не хватает ни таблицы стилей, ни изображений.
попробуйте добавить ссылку CSS в
http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css
Я использовал пользовательскую тему, поэтому приведенное выше предложение не было идеальным...
Исправлено было добавить цвет фона в этот раздел
/* DatePicker Container */
.ui-datepicker {
width: 216px;
height: auto;
margin: 5px auto 0;
font: 9pt Arial, sans-serif;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
background-color: #FFF;
}
Это будет просто работать
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
Я обнаружил, что файлы были там, но файл BundleConfig.cs имел неправильное имя файла. Имя файла было "~/Content/themes/base/datepicker.css", но у BundleConfig.cs был указан файл "~/Content/themes/base/jquery.ui.datepicker.css".
Просто Придайте значению стиля z-index
для поля ввода более высокого значения, а также сделайте позицию relative
, т.е.
position: relative; z-index: 10000;
Он будет работать плавно.
Добавьте этот код в вкладку стиля
.ui-datepicker { background: white; }