jQuery Inputmask не работает с пользовательским шаблоном начальной загрузки

Question

Я использую пользовательский шаблон начальной загрузки в своем приложении https://www.creative -tim.com / product / material-dashboard (Здесь документы и шаблон)

И на моей странице редактирования маска ввода с jQuery не работает, ввод не позволяет мне вводить что-либо, это как поле отключено, но это не так.

Кто-нибудь может мне помочь? Несколько дней мы искали способ исправить это.

@using (Html.BeginForm())
{
<div class="form-horizontal">
    <br />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @Html.HiddenFor(model => model.InsuranceId)
    @Html.HiddenFor(model => model.IntegrationId)
    @Html.HiddenFor(model => model.PaxId)
    @Html.HiddenFor(model => model.CreatedDate)
    @Html.HiddenFor(model => Model.DeletedDate)

    <div class="form-group">
        <label class="bmd-label-floating" style="color:black">Initial Date</label>
        <div class="col-md-10">
            @Html.EditorFor(model => model.InitialDate, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.InitialDate, "", new { @class = "text-danger" })
        </div>
    </div> 

    <div class="form-group">
        <label class="bmd-label-floating" style="color:black">Final Date:</label>
        <div class="col-md-10">
            @Html.EditorFor(model => model.FinalDate, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.FinalDate, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <label class="bmd-label-floating" style="color:black">Product:</label>
        <div class="col-md-10">
            @Html.EditorFor(model => model.Product, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Product, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <label class="bmd-label-floating" style="color:black">Voucher:</label>
        <div class="col-md-10">
            @Html.EditorFor(model => model.Voucher, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.Voucher, "", new { @class = "text-danger" })
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-10">
            <div class="icheck-primary">
                @Html.CheckBoxFor(model => model.Deleted)
                <label for="Deleted" style="font-size:16px; color:black">Delete?</label>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Save" class="btn btn-primary" />
        </div>
    </div>
</div>}

Мои сценарии:

    <script src="~/Scripts/inputmask/inputmask.js"></script>
<script src="~/Scripts/inputmask/inputmask.numeric.extensions.js"></script>
<script src="~/Scripts/inputmask/jquery.inputmask.js"></script>
<script src="~/Scripts/inputmask/inputmask.extensions.js"></script>
<script src="~/Scripts/inputmask/inputmask.date.extensions.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#InitialDate").inputmask("mask", { "mask": "99/99/9999" }); 
        $("#FinalDate").inputmask("mask", { "mask": "99/99/9999" });
    });
</script>