文章/答案/技术大牛

发布

社区首页 >问答首页 >如何禁用Jquery UI日期选择器中的特定日期

问如何禁用Jquery UI日期选择器中的特定日期
EN

Stack Overflow用户

提问于 2015-10-08 20:06:59

回答 1查看 93关注 0票数 0

我要禁用2015年10月20日、21日、25日的日期。我正在使用JQuery UI日期选择器，但无法获得输出。这是我的示例，code.It将帮助您。

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

      <!-- Javascript -->
      <script>
        var unavailableDates = ["10/20/2015", "10/21/2015", "10/25/2015"]; 

            function unavailable(date) {
                dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
                if ($.inArray(dmy, unavailableDates) == -1) {
                    return [true, ""];
                } else {
                    return [false, "", "Unavailable"];
                }
            }

            $(function() {
                $("#iDate").datepicker({
                    dateFormat: 'dd MM yy',
                    beforeShowDay: unavailable
                });

            });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type="text" id="datepicker-5"></p>
   </body>
</html>

jquery

html

jquery-ui

datepicker

javascript

回答 1

Stack Overflow用户

发布于 2015-10-08 20:13:25

你可以试试这个

d = $("#myDatepicker1").datepicker("getDate");
$("#myDatepicker2").datepicker("setDate", new Date(d.getFullYear()+1,d.getMonth(),d.getDate()));

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33015319

复制

相似问题

问如何禁用Jquery UI日期选择器中的特定日期
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用Jquery UI日期选择器中的特定日期EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何禁用Jquery UI日期选择器中的特定日期
EN