Jquery UI Datepicker不适用于Jquery 2.0.3

时间:2014-03-25 04:19:00

标签: javascript jquery jquery-ui datepicker

一个简单的问题,我有Code使用jquery2.0.3版本实现jquery ui datepicker,我无法使其工作。我不知道是否存在问题,或者我是否遗漏了某些内容。我正在关注这些文档。我编码jqueryUI datepicker tutorial


这是我的代码

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Select a Date Range</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-2.0.3.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#from" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 3,
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });
  </script>
</head>
<body>

<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">


</body>
</html>
谁能帮助我。提前谢谢。

1 个答案:

答案 0 :(得分:6)

您需要在jQuery之前包含jQuery UI核心库,因为jQuery UI需要核心jQuery才能工作。

<强> Updated Fiddle