开箱即用的日期时间选择器透明背景？

Question

这是开箱即用的mvc3股票级普通香草jquery的行为吗？这是默认的样式行为吗？我如何使它不透明？ 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

我的猜测是你确实错过了样式表或图片。

尝试将CS​​S链接添加到

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

只需为输入字段赋予z-index样式值更高的值，并使位置relative，即

position: relative; z-index: 10000;

它会顺利运作。

Answer 6

在样式标签

中添加此代码

.ui-datepicker {  background: white; }