代码在HTML页面中工作,但在ASP.NET页面中不起作用

时间:2011-09-30 09:09:33

标签: jquery asp.net datepicker

我正在使用dateplustimepicker控件,该控件在HTML页面上正常工作,但在ASP.NET页面上使用时不起作用。这是我在ASP.NET页面上使用的代码:

<div>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>

  <link href="css/jquery-dateplustimepicker.min.css" rel="stylesheet" type="text/css"/>

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

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

  <script  type="text/javascript" src="Scripts/jquery-dateplustimepicker.min.js"></script>


  <script type="text/javascript">

      $(document).ready(function () {

          $('#limit-dateplustimepicker').dateplustimepicker({

              minTime: { hours: 8, minutes: 30 },

              maxTime: { hours: 20 }

          });
      });
  </script>


  <input type="text" id="limit-dateplustimepicker" name="limit-dateplustimepicker" />

</div> 

为什么它作为HTML页面工作,而不是作为ASP.NET aspx页面?

1 个答案:

答案 0 :(得分:0)

有几件事:

(1)交换包含jQuery和jQuery UI的顺序:

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

(2)将<meta>标记移至<head>