在asp.net中使用bootstrap.datepicker [英] use bootstrap.datepicker in asp.net

查看:77
本文介绍了在asp.net中使用bootstrap.datepicker的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,



我有nuget安装Bootstrap.Datepicker包。



以下是母版页的摘录



 <   head       runat   = 服务器 >  
< title > < / title >
< script type = text / javascr ipt src = http://code.jquery.com/jquery-1.9.1.min.js > < / script >
< script type = text / javascript src = http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js > < / script >
< link href = http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap- combined.min.css
rel = 样式表 / >
& lt; link type = text / css rel = stylesheet href = css / bootstrap.css / > ;
< link 类型 = text / css rel = 样式表 href = css / bootstrap-responsive.css < span class =code-keyword> / >
< link type = text / css rel = stylesheet href = css / normalize.css / >
< link 类型 = text / css rel = 样式表 href = / css / kms_style.css / >
< link href = Content / bootstrap-datepicker.css rel = stylesheet < span class =code-attribute> type = text / css / >

< asp:ContentPlaceHolder ID = head runat = 服务器 >
< / asp:ContentPlaceHolder >
< / head >







以下是激活datepicker的代码。你可以注意到它位于< body>的上方。标签结束



 <   script     src   =  Scripts / bootstrap-datepicker.js    type   =  text / javascript >  
var datepicker = $ .fn.datepicker.noConflict(); // 将$ .fn.datepicker返回到先前分配的值
$( document )。ready( function (){
$(' .datepicker')。datepicker();
});
$ .fn.bootstrapDP = datepicker; // 给$()。bootstrapDP bootstrap-datepicker功能
$(' .datepicker')。datepicker({
format: ' dd / mm / yyyy'
startDate:' - 3d'
});
< / script >
< / body >





但是每次我开始该项目,我收到错误



JavaScript运行时错误:预期的对象



有人可以帮助我,因为我错过了什么。



非常感谢提前

解决方案

.fn.datepicker.noConflict(); // 返回


.fn.datepicker至先前指定的值


document )。ready( function (){

Hi all,

I have nuget to install Bootstrap.Datepicker package.

Following are excerpts of Master page

<head  runat="server">
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap- combined.min.css"
        rel="stylesheet" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="css/bootstrap-responsive.css" />
    <link type="text/css" rel="stylesheet" href="css/normalize.css" />
    <link type="text/css" rel="stylesheet" href="/css/kms_style.css" />
    <link href="Content/bootstrap-datepicker.css" rel="stylesheet" type="text/css" />

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>




and following is the code to activate datepicker. As you can notice it is just above where <body> tag ends

    <script src="Scripts/bootstrap-datepicker.js" type="text/javascript">
        var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value
        $(document).ready(function () {
            $('.datepicker').datepicker();
        });
        $.fn.bootstrapDP = datepicker;                 // give $().bootstrapDP the bootstrap-datepicker functionality
        $('.datepicker').datepicker({
            format: 'dd/mm/yyyy',
            startDate: '-3d'
        });
    </script>
</body>



However every time I start the project, I get the error

JavaScript runtime error: Object expected

Could somebody please help me as what am I missing.

Many thanks in advance

解决方案

.fn.datepicker.noConflict(); // return


.fn.datepicker to previously assigned value


(document).ready(function () {


这篇关于在asp.net中使用bootstrap.datepicker的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆