Javascript 日期选择器奇怪的行为

我有个奇怪的错误。所有需要我加入的库都像在theri网站上一样，但它仍然不起作用。为什么？我错过了什么？ 在控制台里我有

Index.chstml

@{
ViewBag.Title = "Index";
}

<h2>Index</h2>

<script src="~/Scripts/jquery-2.2.0.min.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script>

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $('#datetimepicker1').datetimepicker({ useCurrent: false });
        $('#datetimepicker1').on("dp.hide", function (e) {
            $.ajax({
                url: "/Home/Index",
                type: "POST",
                data: { test: $('#datetimepicker1').data('DateTimePicker').date().format('YYYY-MM-DD HH:mm') },
                success: function (response) {
                    $('.results').html(response);
                }
            });
            debugger;
        });
    </script>
</div>

试一试

使用更改事件

$('#datetimepicker1').on("dp.change", function (e) {
            $.ajax({
                url: "/Home/Index",
                type: "POST",
                data: { test: $('#datetimepicker1').data("DateTimePicker").date() ==null ? $('#datetimepicker1').data("DateTimePicker").date() : $('#datetimepicker1').data("DateTimePicker").date().format('YYYY-MM-DD HH:mm') },
                success: function (response) {
                    $('.results').html(response);
                }
            });

---

首先，如果将Jquery放入应用程序文件夹中，请添加Jquery文件链接

添加jquery日期选择器文件

---

您的代码对我来说工作正常请检查Jquery库，如果没有，请尝试重新启动计算机

编辑

我在没有布局的情况下尝试你的代码，也许是布局中的问题

---

首先添加css文件，然后添加js文件

dp.hide

事件有一个错误，您可以尝试使用它来代替

date（）

。ajax数据字段将是：

数据：{test:e.date.format（'YYYY-MM-DD HH:MM'）}

现在它不会在javascript中引发错误。但它将null传递给控制器。

$('#datetimepicker1').on("dp.change", function (e) {
            $.ajax({
                url: "/Home/Index",
                type: "POST",
                data: { test: $('#datetimepicker1').data("DateTimePicker").date() ==null ? $('#datetimepicker1').data("DateTimePicker").date() : $('#datetimepicker1').data("DateTimePicker").date().format('YYYY-MM-DD HH:mm') },
                success: function (response) {
                    $('.results').html(response);
                }
            });