Привет всем. В своём приложении я использую
1- bootstrap 3.1.1. (css, js)
2- bootstrap-datetimepicker (css, js)
У меня два календаря, хочу сделать таким образом, чтобы когда кликаеш по первому календарю, даты до сегодняшней не активны(их нельзя выбирать). Добился этого с помощью свойства startDate: new Date().
Когда дата выбрана на первом календаре, то на втором календаре должны быть активные даты, начиная с той, которую выбрали на первом календаре и больше.
Свойство можно задать таким образом используя строку startDate: new Date("May 25 2014"), всё работает отлично.
но если я подставляю строку из переменной startDate: new Date(dateen) то ни чего не работает.
Помогите пожалуйста, что-то мне кажется тут не так(((
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
<div id="datetimepicker1" class='input-group date' style="width:280px; height: 40px;">
@Html.TextBox("DateStart", null, new { @class = "input-group date form-control add-on", @style = "height: 40px; width: 240px;" })
<span class="add-on input-group-addon" style="height:40px;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<div id="datetimepicker2" class='input-group date' style="width:280px; height: 40px;">
@Html.TextBox("DateEnd", null, new { @class = "input-group date form-control add-on", @style = "height: 40px; width: 240px;" })
<span class="add-on input-group-addon" style="height:40px;">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<script>
$(function () {
var newDate;
var month;
var dateen;
$('#datetimepicker1').datetimepicker({
language: 'ru',
pickDate: true,
pickTime: false,
format: 'dd.MM.yyyy',
autoclose: true,
startDate: new Date()
}).on('changeDate', function (ev) {
newDate = new Date(ev.date)
locale = "en-us",
month = newDate.toLocaleString(locale, { month: "long" });
console.log(month + " " + newDate.getDate().toString() + " " + newDate.getFullYear().toString());
dateen = month.toString() + " " + newDate.getDate()+ " " + newDate.getFullYear()
}).data('datepicker');
$('#datetimepicker2').datetimepicker({
language: 'ru',
pickDate: true,
pickTime: false,
format: 'dd.MM.yyyy',
//startDate: new Date("May 25 2014")
startDate: new Date(dateen)
}).on('changeDate', function (ev) {
console.log(dateen)
}).data('datepicker');
});
</script>
