Datetime выбирает прозрачный фон из коробки?

Это неуместное поведение 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" })

Ответ 1

Я предполагаю, что вам действительно не хватает ни таблицы стилей, ни изображений.

попробуйте добавить ссылку CSS в

http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css

Ответ 2

Я использовал пользовательскую тему, поэтому приведенное выше предложение не было идеальным...

Исправлено было добавить цвет фона в этот раздел

/* 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;
}

Ответ 3

Это будет просто работать

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

Ответ 4

Я обнаружил, что файлы были там, но файл BundleConfig.cs имел неправильное имя файла. Имя файла было "~/Content/themes/base/datepicker.css", но у BundleConfig.cs был указан файл "~/Content/themes/base/jquery.ui.datepicker.css".

Ответ 5

Просто Придайте значению стиля z-index для поля ввода более высокого значения, а также сделайте позицию relative, т.е.

position: relative; z-index: 10000;

Он будет работать плавно.

Ответ 6

Добавьте этот код в вкладку стиля

.ui-datepicker {  background: white; }