Css 如何将JQuery日期选择器移到其他表单元素之前

我不熟悉CSS和JQuery。我有一个C#MVC应用程序，它有几个表单，我想使用JQuery datepicker控件。我看到的是，日期选择器在那里，但它很难看到，并且被表单中的其他框遮住了

我所能做的就是描述它，因为这个网站不允许我上传这个问题中的图片（我一直收到“服务不可用”错误）。当我在视图中单击编辑器时，我可以看到datepicker日历出现，但它基本上与它下面的其他表单框混在一起（以至于它模糊了日历的某些部分）

我的标记代码如下：

@section Scripts
{
@Scripts.Render("~/bundles/jqueryui")
@Styles.Render("~/Content/cssjqryUi")

<script type="text/javascript">

 $(document).ready(function () {
     $('input[type=datetime]').datepicker({
         dateFormat: "dd/M/yy",
         changeMonth: true,
         changeYear: true,
         yearRange: "-60:+5",            
     });
 });
</script>
}

    <div class="form-group">
        <div class="col-md-10">
            @Html.LabelFor(model =>
                        model.ExpiryDate,
                        "Expiry Date",
                        htmlAttributes: new { @class = "control-label col-md-2" })
            @Html.EditorFor(m => m.ExpiryDate, new { @class = "datepicker"})
        </div>
    </div>
   <div class="form-group">
        <div class="col-md-10">
            @Html.LabelFor(model =>
                        model.IssuanceFeeValue,
                        "Issuance Fee Value",
                        htmlAttributes: new { @class = "control-label col-md-2" })
            @Html.EditorFor(m => m.IssuanceFeeValue)
            @Html.ValidationMessageFor(m => m.IssuanceFeeValue, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-10">
            @Html.LabelFor(model =>
                        model.Tenor,
                        "Tenor",
                        htmlAttributes: new { @class = "control-label col-md-2" })
            @Html.DropDownListFor(m => m.SelectedTenor, Model.TenorList)
            @Html.ValidationMessageFor(m => m.SelectedTenor, "", new { @class = "text-danger" })
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-10">
            @Html.LabelFor(model =>
                        model.Tranche,
                        "Tranche",
                        htmlAttributes: new { @class = "control-label col-md-2" })
            @Html.DropDownListFor(m => m.SelectedTranche,Model.TrancheList)
        </div>
    </div>

@节脚本
{
@Scripts.Render（“~/bundles/jqueryui”）
@style.Render（“~/Content/cssjqryUi”）
$（文档）.ready（函数（）{
$（'input[type=datetime]'）。日期选择器({
日期格式：“年月日”，
变化月：对，
变化年：是的，
年范围：“-60:+5”，
});
});
}
@Html.LabelFor（模型=>
ExpiryDate型号，
“有效期”，
htmlAttributes:new{@class=“控制标签col-md-2”}）
@EditorFor（m=>m.expireydate，new{@class=“datepicker”}）
@Html.LabelFor（模型=>
model.IssuanceFeeValue，
“发行费价值”，
htmlAttributes:new{@class=“控制标签col-md-2”}）
@EditorFor（m=>m.IssuanceFeeValue）
@Html.ValidationMessageFor（m=>m.IssuanceFeeValue，“，new{@class=“text danger”}）
@Html.LabelFor（模型=>
范本、男高音、，
“男高音”，
htmlAttributes:new{@class=“控制标签col-md-2”}）
@DropDownListFor（m=>m.SelectedTenor，Model.TenorList）
@Html.ValidationMessageFor（m=>m.SelectedTenor，“，new{@class=“text danger”}）
@Html.LabelFor（模型=>
模型。部分，
“份额”，
htmlAttributes:new{@class=“控制标签col-md-2”}）
@Html.DropDownListFor（m=>m.SelectedTranche，Model.TrancheList）

我尝试过修补z索引，但没有任何效果。记下我在这里遗漏了什么

如有任何建议，将不胜感激

---

更新

我有一张图片，可以上传标记的外观：

---

几天前我遇到了同样的问题，这个问题是因为您可能缺少jquery-ui.css文件

尝试将此文件添加到您的页面：

---

尝试将图像上载到外部图像上载服务，并在此处提供链接。如果我们看不到问题，我们将无能为力。请提供JSFIDLE。它使您更容易理解问题并更快地解决问题。