Datetime Picker прозрачный фон из коробки?

Question

Это из коробки стандартное поведение ванили jquery класса mvc3? Это поведение стиля по умолчанию? Как мне сделать это НЕ прозрачным? Thx!

<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" })

Answer 1

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

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

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

Answer 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;
}

Answer 3

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

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

Answer 4

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

Answer 5

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

.ui-datepicker {  background: white; }

Answer 6

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

position: relative; z-index: 10000;

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