VPF::Ограничение диапазона дат Datepicker

alexesuser

Дата 11.9.2012, 12:04 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.2.2009

Репутация: нет
Всего: нет

Добрый день! Пытаюсь внести ограничения в выбор дат в календарь только на текущий месяц. Для этого добавляю в код

Код


$(document).ready(function(){

$('body').append($('<div id="datepicker"></div>'));
var day = $(this).new Date().getDate();
$('#datepicker').attachDatepicker({});
    $('.datesel').click(function () {
        var os = $(this).offset();
        $('#datepicker').attr('style', 'left:'+os.left+'px; top:'+(os.top+20)+'px;')
        $('#datepicker').show();
    });
});

следующие строки:

для определения конечного и текущего дней месяца

Код


var dayCount = new Date(year, month + 1, 0).getDate();
var day =new Date().getDate();

для корректировки дат

Код


minDate: 0-day,
maxDate:dayCount-day

получаю итоговый код:

Код


$(document).ready(function(){
var dayCount = new Date(year, month + 1, 0).getDate();
var day =new Date().getDate();
$('body').append($('<div id="datepicker"></div>'));
var day = $(this).new Date().getDate();
$('#datepicker').attachDatepicker({
minDate: 0-day,
maxDate:dayCount-day
});
    $('.datesel').click(function () {
        var os = $(this).offset();
        $('#datepicker').attr('style', 'left:'+os.left+'px; top:'+(os.top+20)+'px;')
        $('#datepicker').show();
    });
});

Но он не выполняется. Подскажите, что здесь не так?

Это сообщение отредактировал(а) Aliance - 14.9.2012, 10:21

нуп

Дата 11.9.2012, 23:37 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Надо научиться гуглить smile

Гуглим

alexesuser

Дата 12.9.2012, 04:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 24
Регистрация: 3.2.2009

Репутация: нет
Всего: нет

В результате всех манипуляций получил такой рабочий код:

Код


$(document).ready(function(){
$('body').append($('<div id="datepicker"></div>'));
var currentTime = new Date(); 
var minDate = new Date(currentTime.getYear(), currentTime.getMonth(), +1); 
var maxDate =  new Date(currentTime.getFullYear(), currentTime.getMonth() +1, 0);
$( "#datepicker" ).attachDatepicker({ 
minDate: minDate, 
maxDate: maxDate,
onSelect: function (date) {
            //alert(date);
            $('.datestr').html(mDateStr(date));
            $('input[name=date]').val(date);
            $('#datepicker').hide();
        }
});

Кстати, по ссылке, в примере, не верно производился расчет границ месяца.

Это сообщение отредактировал(а) Aliance - 14.9.2012, 10:21

Aliance

Дата 14.9.2012, 10:22 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

M
Aliance

alexesuser, используйте код для соотв. языка. Вы пишите листинге на javascript, а выбираете код html. Устал уже исправлять это.

Это сообщение отредактировал(а) Aliance - 14.9.2012, 10:22

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »