Question

我尝试通过以下链接在我的网站上使用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"来实现此目的，但它不起作用。如果可能的话，我还需要在这个日期选择器中添加时间。

Answer 1

请使用$('#sandbox-container')代替$('#sandbox-container input')。

＆＃13;

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

＆＃13;

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

＆＃13;

请访问以下链接：

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

最简单的解决方案是将今天的日期设置为datepicker中的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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13; 我想只在当前日期之前的第二个日期禁用。请为我提供代码。

禁用datepicker中的先前日期

6 个答案: