0

大家好，我是 JQuery UI 的新手，我知道如何使用 JQuery 日期选择器获取页面加载的当前日期，但我无法在这段代码中做同样的事情。

使用它，我们可以获得页面加载的当前日期。

$(function() {
        $("#datepicker").datepicker();
        $("#datepicker").datepicker("setDate", new Date);
    });

但是我想要与以下功能相同的功能，我如何使用下面的代码来获得它。

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Select a Date Range</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <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>
4

1 回答 1

0

尝试

$( document ).ready(function() {

而不是脚本标记之后的第一个 JavaScript 代码行。否则，函数会在元素创建之前加载。一般来说，你应该把你的 jQuery 代码放在你关闭的 body 标记之前。

于 2013-06-20T08:08:53.747 回答