2015-02-22 1 views
0

Я использую Bootstrap 3 date time picker. Мое требование - отключить список дат в бутстрапе 3 Calendar.Bootstrap 3 DatetimePicker - Отключить список дат

Я не уверен, как действовать. Незлая помощь.

Я использую приведенный ниже код.

<head> 
<!-- ... --> 
<script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
<script type="text/javascript" src="js/moment.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script> 
<link rel="stylesheet" href="css/bootstrap.min.css" /> 
<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" /> 
</head> 

<body> 

<div class="container"> 
<div class="row"> 
<div class='col-sm-6'> 
<div class="form-group"> 
<div class='input-group date' id='datetimepicker1'> 
<input type='text' class="form-control" placeholder="dd/MM/yyyy"/> 
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
</span> 
</div> 
</div> 
</div> 
<script type="text/javascript"> 



var getNextDate = function(){ 
var date = new Date(); 
date = date.setDate(date.getDate()+1); 
return date; 


} 

$(function() { 
$('#datetimepicker1').datetimepicker({ 
format : "DD/MM/YYYY", 
minDate :getNextDate() 
}).on("dp.change", function (e) { 
alert("HI"); 
}); 
}); 
</script> 
</div> 
</div> 

</body> 

Благодаря

Виджай

+0

Вы имеете в виду только годы, который будет отображаться? – Yogesh

+0

Yogesh, я хочу, чтобы список дат был отключен, например, если у меня есть массив, содержащий список дат ["2014-01-01", "2014-05-06," 2014-08-09 "], это массив генерируется динамически при выполнении вызова AJAX. Я хочу, чтобы даты, перечисленные в массиве, были отключены в календаре начальной загрузки. Пользователь не должен выбирать указанные даты. – veejay

+1

Привет, Team - проблема была решена, когда я использовал приведенные ниже . код - \t $ ('# datetimepickerpopup') DateTimePicker ({\t \t \t формат: "MM/DD/YYYY", \t \t \t \t \t \t \t MinDate: новые Дата(), \t disabledDates: [ "02/24/2015 "," 02/25/2015 "," 02/26/2015 "," 02/27/2015 "," 02/28/2015 "] \t \t \t \t}); – veejay

ответ

0

@Veejay - Как вы сказали эта линия работает для меня, а для DateTimePicker

var HolidaysList = ["2017-10-26", "2017-12-25"] 
$('#txtdate').datetimepicker({ 
    maxDate: lastDate, 
    minDate: curentDate, 
    disabledDates: HolidaysList 
});