Question

我正在尝试初始化datetimepicker，但我总是收到错误：

 $(...).timepicker not a function

我的代码如下：

 //REFERENCES:

 <link href="/CSS/jquery-ui-timepicker-addon.css" rel="stylesheet"  type="text/css" />
  <script type="text/javascript" src="/JS/jquery-ui-timepicker-addon.js"></script>
  <script type="text/javascript" src="/JS/jquery-1.10.2.js"></script>
  <script type="text/javascript" src="/JS/jquery-1.9.1.js"></script>  
  <script type="text/javascript" src="/JS/jquery.min.js"></script>
  <script type="text/javascript" src="/JS/jquery-ui.js"></script>
  <script type="text/javascript" src="/JS/jquery-1.9.1.min.js"></script>

  //JAVASCRIPT

  <script type="text/javascript">
  $('"[id*=tb_input]"').timepicker();

  function tpicker() {
    $('"[id*=tb_input]"').timepicker();
  }
  Sys.WebForms.PageRequestManager.getInstance().add_endRequest(tpicker);
  </script>

  //HTML
  <asp:TextBox ID="tb_input" style="text-align:center" runat="server"
   CssClass="font2" Width="226px" onfocus="disableautocompletion(this.id);"
   Height="24px"></asp:TextBox>

有什么想法吗？谢谢！

Answer 1

参考应该是首先加载jquery核心文件，然后加载其他文件

<script type="text/javascript" src="/JS/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/JS/jquery-ui.js"></script>
<script type="text/javascript" src="/JS/jquery-ui-timepicker-addon.js"></script>

Answer 2

您只需要重新排序脚本。

<script type="text/javascript" src="/JS/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/JS/jquery-ui.js"></script>
<script type="text/javascript" src="/JS/jquery-ui-timepicker-addon.js"></script>

删除以下内容：

<script type="text/javascript" src="/JS/jquery.min.js"></script>
<script type="text/javascript" src="/JS/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/JS/jquery-1.9.1.min.js"></script>

只需花费额外的页面加载时间。

并像这样初始化你的日期选择器：

 $(document).ready(function () { 
       InitTimePicker();
    });

如果您使用的是updatepanel：

function InitTimePicker(){
     $('"[id*=tb_input]"').timepicker();
}

并添加thi函数以结束reuqest：）

jQuery datetimepicker没有在ASP.NET中初始化

2 个答案: