jQuery datetimepicker无法在asp.net母版页中工作

时间:2017-02-03 08:21:04

标签: javascript jquery asp.net

在asp.net母版页中,我添加了以下内容:

<link href="~/Content/jquery-ui-timepicker-addon.css" rel="stylesheet" />
 <script src="<%: ResolveUrl("~/Scripts/jquery-1.8.2.min.js")%>"></script>
    <script src="<%: ResolveUrl("~/Scripts/jquery-ui-1.8.24.min.js")%>"></script>
    <script src="<%: ResolveUrl("~/Scripts/jquery-ui-timepicker-addon.js")%>"></script>
    <script src="<%: ResolveUrl("~/Scripts/jquery-ui-sliderAccess.js")%>"></script>

我创建了一个包含母版页的网页,并在contenct3中添加了以下内容:

<input runat="server" type="text" id="date_begin" value=""/> 

并在头部内容中添加脚本如下:

<script type="text/javascript">
  $(document).ready(function () {
    $('#date_begin,#date_end').datetimepicker();
});
</script>

但它在控制台中显示错误如下:

  

未捕获的TypeError:$(...)。datetimepicker不是函数

我没有使用母版页并且工作正常而做了同样的事情。

2 个答案:

答案 0 :(得分:0)

使用jquery-ui,您可以像这样初始化datepicker:

$("#example").datepicker()

尝试此链接以获取更多信息:http://trentrichardson.com/examples/timepicker/

答案 1 :(得分:0)

这只是“datepicker”

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script>
  $( function() {
    $( "#datepicker" ).datepicker();
  });
</script>

官方网站:http://jqueryui.com/datepicker/

确保您也使用最新的jquery版本。