datetimepicker

iefus 2016-10-14 07:31:05

使用 bootstrap datetimepicker，点击进去，没有反应。js的引用什么的都没有问题。。。
报错



TypeError: $(...).datetimepicker is not a function

$('.form_datetime').datetimepicker({



<!DOCTYPE html>

<html>

<head>

    <title>物料总览</title>

    <link href="~/Content/bootstrap.css" rel="stylesheet" type="text/css" />   

    <script src="~/Scripts/jquery-3.1.1.js"></script>

    <script src="~/Scripts/bootstrap.js"></script>



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

    <script src="~/Scripts/plugin/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>

    <script src="~/Scripts/plugin/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>



    <script>

        $(document).ready(function () {            



            $('.form_datetime').datetimepicker({

                format: "yyyyMMdd",

                autoclose: true,

                todayBtn: true,

                pickerPosition: "bottom-left"

            });



            $("#btnDel").click(function () {

                $("#selRow:checked").parent().parent().fadeOut("show"); //隐藏所有被选中的input元素



            });



            $('#btnEdit').click(function () {

                edit();

            });



            //全选

            $("#checkAll").click(function () {

                if (document.getElementById('checkAll').checked) {

                    $("input[name='checkbox']").each(function () {

                        $(this).attr("checked", true);

                    });

                } else {

                    $("input[name='checkbox']").each(function () {

                        $(this).attr("checked", false);

                    });

                }



            });

view



<div class="input-group date form_datetime">

                    <input class="form-control" type="text" />

                    <span class="input-group-addon">

                        <span class="glyphicon glyphicon-th"></span>

                    </span>

                </div>

...全文

286 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

iefus 2016-10-26

打赏
举报

嗯，引用冲突了。模板里面已经引入js了。所以我当前页面不需要引入jquery,bootstrap.只引入datetimepicker 就可以了

「已注销」 2016-10-15

打赏
举报

你的JQUERY都是在RENDERBODY以后引用的，当然找不到了

「已注销」 2016-10-15

打赏
举报

很明显的是一个引用顺序的问题，既然它不是一个方法，也就是你的JQUERY的引用位置有问题，还有一种原因就是你的引用的JUQERY的版本低于DATATIMEPICKER需要的版本的最低要求。

iefus 2016-10-14

打赏
举报

我用的.net mvc 的模板，会不会有影响


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - 我的 ASP.NET 应用程序</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>
<body>
    <div class="navbar navbar-nav navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                @Html.ActionLink("MMSSS", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("主页", "Index", "Home")</li>
                    <li>@Html.ActionLink("关于", "About", "Home")</li>
                    <li>@Html.ActionLink("联系方式", "Contact", "Home")</li>
                </ul>
                @Html.Partial("_LoginPartial")
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>© @DateTime.Now.Year - 我的 ASP.NET 应用程序</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>

iefus 2016-10-14