MD.BootstrapPersianDateTimePicker不显示日期时间选择器以选择日期时间

时间:2019-06-07 13:05:38

标签: jquery datetime asp.net-mvc-5 bootstrap-datetimepicker

我在mvc5应用程序中使用了MD.BootstrapPersianDateTimePicker。我在bundleConfig中包含了js和css,并在jquery中引用了文本框以选择日期时间,但是当我单击文本框时,它显示了小的工具提示,但没有日期时间选择器。我的代码如下。

我在其他空项目上尝试过它,它显示日期时间选择器,但无法从中选择日期时间。 在我的项目中,当我单击文本框时,它会为我提供以下图像中所述的内容

enter image description here

我的bundleconfig是

bundles.Add(new ScriptBundle("~/bundles/lib").Include(
//"~/Scripts/jquery-{version}.js",
 "~/Content/vendor/jquery/jquery.js",
                    //"~/Scripts/bootstrap.js",
                    "~/Content/vendor/bootstrap/js/bootstrap.bundle.js",
                    //"~/Scripts/bootstrap.js",  
                    "~/Scripts/js/sb-admin-2.min.js",
                    "~/Content/vendor/jquery-easing/jquery.easing.js",
                    "~/Content/vendor/datatables/jquery.dataTables.js",
                    "~/Content/vendor/datatables/dataTables.bootstrap4.js",
                    "~/Scripts/bootbox/Script/bootbox.all.js",
                    "~/Scripts/toastr.js",
                    "~/Scripts/customization/validationmessages.js",
                    //"~/Scripts/bootbox/local-fa.js"
                    //"~/Content/vendor/chart.js/Chart.js",
                    "~/Scripts/MdBootstrapPersianDateTimePicker/jalaali.js",
                    "~/Scripts/MdBootstrapPersianDateTimePicker/jquery.Bootstrap-PersianDateTimePicker.js",
                    "~/Scripts/common/dateTimePicker.js"
                    ));

<input type="text" class="form-control input-sm PrGeuDatePicker" name="ExpectedDate" id="ExpectedDate" data-targetselector="#ExpectedDate" required />

@section scripts{
    <script type="text/javascript">    
        $(document).ready(function () {
      $('.PrGeuDatePicker').MdPersianDateTimePicker({
            targetTextSelector: '.PrGeuDatePicker',
            dateFormat: 'yyyy-MM-dd',
            isGregorian: false,
            enableTimePicker: false,
            disableBeforeToday: true
        });
        })
    </script>
}

我要选择日期时间选择器

0 个答案:

没有答案