我试图禁用日历中的先前日期。我正在使用此代码,例如
我的 html 代码在下面。
<input type="text" required name="date_from" name="date_from" class="mydate input-text full-width" placeholder="Departure Date" />
我的脚本代码。
<script type="text/javascript">
$(".mydate").datepicker({
format:'yyyy-mm-dd',
autoclose: true
});
$(".flexslider").flexslider({
animation: "fade",
controlNav: false,
animationLoop: true,
directionNav: false,
slideshow: true,
slideshowSpeed: 5000
});
</script>
它显示了没有以前的日期禁用的日历。
尝试以下:
$( ".mydate" ).datepicker({ minDate: 0});
使用bootstrap date picker
。这些是包含
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
使用此代码禁用以前的日期
html输入字段
<input id="date" data-provide="datepicker" name="date_from" >
javascript
var date = new Date();
date.setDate(date.getDate());
$('#date').datepicker({
startDate: date
});
您需要在应用datepicker时设置Mindate选项。
尝试这个,
<script type="text/javascript">
$(".mydate").datepicker({
format:'yyyy-mm-dd',
autoclose: true,
minDate: 0,
});
</script>
您必须设置Mindate选项。示例 小提琴在此论坛上:
jQuery Date Picker-禁用过去的日期
在datepicker上的初始化中设置思维
minDate:new Date()
$(".mydate").datepicker({
format:'yyyy-mm-dd',
autoclose: true,
minDate:new Date()
});
,因为您的格式可能是您使用的是bootstrap date picker。因此,请使用startDate
禁用以前的日期
$(".mydate").datepicker({
format:'yyyy-mm-dd',
startDate: new Date(),
autoclose: true
});
尝试此代码...如果用户提交表单少于今天的日期,则将限制用户,然后显示警报消息以更改日期。
html代码
<form name="myform" onsubmit="return validateDateOfAppointment()">
<input type="date" name="Date of Appointment" placeholder="Date of Appointment" id="Date" />
</form>
JavaScript代码
function validateDateOfAppointment(){
var date=document.getElementById("Date").value;
var d=new Date();
var x=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
var checkDate=date.substr(8,2);
var equalDate=d.getDate();
var checkMonth=date.substr(5,2);
var equalMonth=d.getMonth();
var checkYear=date.substr(0,4);
var equalYear=d.getFullYear();
if(checkMonth>=equalMonth){
if(checkDate<equalDate){
alert("Date cannot be less than today!! ");
return false;
}
}
else if(checkMonth<equalMonth){
if(checkYear<equalYear){
alert("Date cannot be less than today!! ");
return false;
}
}
}