在日期选择器中禁用以前的日期答案

【问题标题】：Disable previous dates in datepicker在日期选择器中禁用以前的日期
【发布时间】：2015-03-18 08:57:58
【问题描述】：

我尝试通过以下链接在我的网站上使用 datepicker 表单。我想禁用以前的日期，只允许用户从当前日期开始选择日期。 http://eternicode.github.io/bootstrap-datepicker/?markup=input&format=&weekStart=&startDate=&endDate=&startView=0&minViewMode=0&todayBtn=false&clearBtn=false&language=en&orientation=auto&multidate=&multidateSeparator=&keyboardNavigation=on&forceParse=on#sandbox

$(document).ready(function () { 
            $('#sandbox-container input').datepicker({
                format: "dd/mm/yyyy",
                clearBtn: true,
                minDate: 0, 
                maxDate: "+1M +10D",
                daysOfWeekDisabled: "0,6"

            });
});

我添加了以下代码minDate: 0,maxDate: "+1M +10D" 来实现这一点，但它不起作用。如果可能的话，我还需要在这个日期选择器中添加时间。

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

请使用$('#sandbox-container') 而不是$('#sandbox-container input')。

jQuery(document).ready(function() {

  $('#sandbox-container').datepicker({
    format: "dd/mm/yyyy",
    clearBtn: true,
    minDate: 0,
    maxDate: "+1M +10D",
    daysOfWeekDisabled: "0,6"

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>


Date :
<input id="sandbox-container" type="text">

请访问以下链接：

http://www.dotnetlearners.com/blogs/view/98/JQuery-Date-Picker-example-to-disable-previous-dates.aspx

【讨论】：

我尝试做完全相同的事情，但它不起作用:( .. 它与 daysOfWeekDisabled: "0,6" 一起工作，但我不知道为什么它不与 minDate:0 一起工作；
@Aeykash 你检查了 jsfiddle 链接吗，我为你提供了准确的代码。

【解决方案2】：

试试这是禁用过去的日期

var dateToday = new Date();
$(document).ready(function () { 
            $('#sandbox-container input').datepicker({
                format: "dd/mm/yyyy",
                clearBtn: true,
                 minDate: dateToday,                
                daysOfWeekDisabled: "0,6"

            });
});

【讨论】：

【解决方案3】：

最简单的解决方案是在 datepicker 中将今天的日期设置为 minDate，如下所示。这将阻止今天日期之前的所有日期。

$('#sandbox-container input')
  .datepicker({
     format: "dd/mm/yyyy",
     minDate: new Date(),                
   });

上面是示例代码，只是为了说明如何设置minDate

【讨论】：

【解决方案4】：

试试这个

$('#sandbox-container input')
  .datepicker({
     format: "dd/mm/yyyy",
     minDate: new Date(),                
   });

【讨论】：

【解决方案5】：

请查看详情

日期的HTML代码

<input type="text" id="dateRange" />

JS代码

 $("#dateRange").datepicker({
        changeMonth: true,
        changeYear: true,
        hideIfNoPrevNext: true,
        dateFormat: "mm/dd/yy",
        minDate: 0
    });

将禁用当前日期以外的所有日期

【讨论】：

【解决方案6】：

jQuery(document).ready(function() {

  $('#sandbox-container').datepicker({
    format: "dd/mm/yyyy",
    clearBtn: true,
    minDate: 0,
    maxDate: "+1M +10D",
    daysOfWeekDisabled: "0,6"

  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>


Date :
<input id="sandbox-container" type="text">

我只想从当前日期之前的第二个日期禁用。请为我提供代码。

【讨论】：