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

Question

我尝试将日期选择器用于我网站上来自以下 link 的表单。我想禁用以前的日期，只允许用户从当前日期开始 select 日期。 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" 来实现此目的，但它不起作用。如果可能的话，我还需要在此日期选择器中添加时间。

Answer 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

Answer 2

试试这个禁用过去的日期

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

            });
});

Answer 3

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

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

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

Answer 4

试试这个

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

Answer 5

请查找详情

Html 日期代码

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

JS代码

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

这将禁用除当前日期之外的所有日期

Answer 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">

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

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

Disable previous dates in datepicker

javascript

jquery

datepicker