首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用minDate禁用jquery datepicker中的前几天

使用minDate禁用jquery datepicker中的前几天
EN

Stack Overflow用户
提问于 2018-02-26 15:27:36
回答 3查看 49关注 0票数 1

我试图使用minDate: 0禁用日历上的前几天,但由于某些原因,它不起作用,以下是我的代码;

代码语言:javascript
运行
复制
$(document).ready(function () {
    var arrDisabledDates = {};
    arrDisabledDates[new Date('02/22/2018')] = new Date('02/22/2018');
    arrDisabledDates[new Date('02/04/2018')] = new Date('02/04/2018');
    arrDisabledDates[new Date('02/16/2018')] = new Date('02/16/2018');
    arrDisabledDates[new Date('02/28/2018')] = new Date('02/28/2018');

    $('#datepicker').datepicker({
        beforeShowDay: function (dt) {
            var bDisable = arrDisabledDates[dt];
            if (bDisable) return [false, '', ''];
            else return [true, '', 'highlight'];


        }
    });
     $('#datepicker').datepicker({
         minDate: 0
     });

});
EN

回答 3

Stack Overflow用户

发布于 2018-02-26 15:31:13

代码语言:javascript
运行
复制
$('#datepicker').datepicker({
    minDate: new Date()
});

这将会起作用

票数 0
EN

Stack Overflow用户

发布于 2018-02-26 15:48:08

试试minDate: new Date()

代码语言:javascript
运行
复制
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Restrict date range</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker({ minDate: new Date() });
  } );
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>

jquery datepicker获取更多详细信息

票数 0
EN

Stack Overflow用户

发布于 2018-02-26 16:04:37

我对我的问题有一个解决方案,这是我的解决方案

代码语言:javascript
运行
复制
$(document).ready(function () {
    var arrDisabledDates = {};
    arrDisabledDates[new Date('02/22/2018')] = new Date('02/22/2018');
    arrDisabledDates[new Date('02/04/2018')] = new Date('02/04/2018');
    arrDisabledDates[new Date('02/16/2018')] = new Date('02/16/2018');
    arrDisabledDates[new Date('02/28/2018')] = new Date('02/28/2018');

    $('#datepicker').datepicker({
        beforeShowDay: function (dt) {
            var bDisable = arrDisabledDates[dt];
            if (bDisable) return [false, '', ''];
            else return [true, '', 'highlight'];


        }, minDate: 0
    })

});

我不得不在function (dt)的末尾加上}, minDate: 0,谢谢大家!

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

https://stackoverflow.com/questions/48983402

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档