在asp.net中使用bootstrap.datepicker [英] use bootstrap.datepicker in asp.net
本文介绍了在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屋!
查看全文