Question

我需要的是，当按下空白时，仅显示6月日历，并在2014-06-01至2014-06-07之间突出显示或禁用其余日期。我看过关于高亮照明的帖子，并尝试了一些没有成功的事情。如果有人可以帮助我并准备一次，我会很高兴，提前谢谢你，这就是我所拥有的：

<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>
      jQuery UI Datepicker - Opciones de localización
    </title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
    <script src="jquery.ui.datepicker-es.js"></script>

    <script>
      $(function () {
        $("#datepicker").click(function(){
          $.datepicker.setDefaults($.datepicker.regional["es"]);
          $("#datepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            firstDay: 1
          });
        });
      });
    </script>
  </head>

  <body>
    <input id="datepicker" type="text">
  </body>
</html>

Answer 1

datepicker小部件具有最小和最大日期属性。

<script>
      $(function () {
        $("#datepicker").click(function(){
          $.datepicker.setDefaults($.datepicker.regional["es"]);
          $("#datepicker").datepicker({
            dateFormat: 'yy-mm-dd',
            firstDay: 1,
            minDate: new Date( *enter your start date here* ),
            maxDate: new Date( *enter your end date here* )
          });
        });
      });
    </script>

文档：http://api.jqueryui.com/datepicker/

Answer 2

此代码可帮助您仅启用特定日期。

var availableDates = ["1-6-2014","2-6-2014","3-6-2014","4-6-2014","5-6-2014","6-6-2014","7-6-2014",];

function available(date) 
{
    dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();

    if ($.inArray(dmy, availableDates) != -1) 
    {
        return [true, "","Available"];
    }
    else 
    {
        return [false,"","unAvailable"];
    }
}

$('#date').datepicker({ beforeShowDay: available });

希望它有所帮助.. !!

JQuery Datepicker日期

2 个答案: