jQuery datetimepicker在asp.net主頁中不起作用

Question

在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不是函數

我在不使用母版頁的情況下也做了同樣的事情並且工作正常。

Answer 1

使用jquery-ui，您可以像這樣初始化datepicker：

$("#example").datepicker()

請嘗試此鏈接以獲取更多信息： http : //trentrichardson.com/examples/timepicker/

Answer 2

只是“日期選擇器”

<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版本。