VPF::Вывод возможной даты с календаря

VitaL

Дата 3.5.2009, 14:12 (ссылка)

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

Загрузка ...

Шустрый

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

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

Собственно название темы говорил за себя.

Нужен скрипт календаря для вывода дат, который я нашел на форуме dynDateTime. Это в принципе то что мне надо, НО, не хватает следующего функционала, а это исключение заданных дат в календаре, чтоб вписанные мною определённые даты стали не кликабельными. Помогите плз.

Samotnik

Дата 4.5.2009, 08:36 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

Цитата(VitaL @ 3.5.2009, 14:12

)

чтоб вписанные мною определённые даты стали не кликабельными. Помогите плз.

так ты же сам можешь модифицировать, заходишь в исходный код и делаешь проверку, как только клик произошел - проверяешь, та дата или нет, если нет - делаешь не кликабельным . smile

Aliance

Дата 4.5.2009, 09:18 (ссылка)

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

Загрузка ...

I ♥ <script>

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

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

Ничего модифицировать не нужно. Там есть масса аргументов. Нужно просто уметь во всем этом разбираться.
Для таких случаев придумали аргумент dateStatusFunc. Если будут вопросы - задавай.

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

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

JAVA ≠ JavaScript

Samotnik

Дата 4.5.2009, 09:56 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

Цитата(Aliance @ 4.5.2009, 09:18

)

Ничего модифицировать не нужно.

OMG

Цитата(Aliance @ 4.5.2009, 09:18

)

Для таких случаев придумали аргумент dateStatusFunc.

а это не есть модификация исходного кода ?

Aliance

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

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

Загрузка ...

I ♥ <script>

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

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

Нет, это параметр, с помощью которого следует вызывать конструктор объекта, создающего календарь.

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

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

JAVA ≠ JavaScript

Samotnik

Дата 4.5.2009, 11:42 (ссылка)

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

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

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

Цитата(Aliance @ 4.5.2009, 10:22

)

Нет, это параметр, с помощью которого следует вызывать конструктор объекта, создающего календарь.

все что ты дописываешь к готовому - есть модификация smile

Добавлено через 1 минуту и 11 секунд
ладно, хватит оффтопить, какая разница как это называть smile

VitaL

Дата 4.5.2009, 11:49 (ссылка)

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

Загрузка ...

Шустрый

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

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

Цитата(Aliance @ 4.5.2009, 10:22)

Для таких случаев придумали аргумент dateStatusFunc. Если будут вопросы - задавай. Нет, это параметр, с помощью которого следует вызывать конструктор объекта, создающего календарь.

Можешь показать пример пожалуйста. Например я хочу сделать не кликабелными две даты, 12.05.09 и 16.05.09

Это сообщение отредактировал(а) VitaL - 4.5.2009, 11:52

Aliance

Дата 4.5.2009, 17:33 (ссылка)

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

Загрузка ...

I ♥ <script>

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

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

Ну а поиск-то на что? Даже здесь уже похожая тема обсуждалась.
Вот здесь есть список всех параметров-настроек данного плагина. Читайте, пробуйте.

Цитата

dateStatusFunc - function that receives a JS Date object and should return true if that date has to be disabled in the calendar, or String for CSS classes.

Примерно так:

Код


dateStatusFunc: function( date )
{
    var d = date.getDay();
    var m = date.getMonth();
    var y= date.getFullYear();
    if ( d == 12 && m == 05 && y = 09 )
    {
        return true;
    }
}

Добавлено через 1 минуту и 49 секунд

Цитата(Samotnik @ 4.5.2009, 12:42)

все что ты дописываешь к готовому - есть модификация smile

Что за глупость? smile

То есть то, что ты дописываешь инклюд самого скрипта - тоже модификация?
Ты сам КОД не трогаешь же, ты только вызываешь для нужного элемента данный плагин с какой-либо опцией. Где это модификация?

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

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

JAVA ≠ JavaScript

VitaL

Дата 5.5.2009, 00:17 (ссылка)

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

Загрузка ...

Шустрый

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

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

Aliance не совсем понятно куда прописать эту функцию... у меня три файла яваскрипта от этого календаря, можете указать куда именно прописать пожалуйста.

Это сообщение отредактировал(а) VitaL - 5.5.2009, 00:23

Присоединённый файл ( Кол-во скачиваний: 2 )

jquery.dynDateTime_0.2.rar 34,01 Kb

Aliance

Дата 5.5.2009, 08:35 (ссылка)

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

Загрузка ...

I ♥ <script>

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

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

Это параметр, с которым нужно вызывать конструктор!
У тебя же на твоей странице вызывается подключение плагина (путем вызова конструктора данного объекта). Например:

Код


$( '#my_elem_id' ).dynDateTime();

Код


// твоя функция
function disableDate( date )
{
    var d = date.getDay();
    var m = date.getMonth();
    var y= date.getFullYear();
    if ( d == 12 && m == 05 && y = 09 )
    {
        return true;
    }
}
// Опции
var options = {
    dateStatusFunc: disableDate
};
// Конструктор
$( '#my_elem_id' ).dynDateTime( options );

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

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

JAVA ≠ JavaScript

VitaL

Дата 7.5.2009, 01:10 (ссылка)

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

Загрузка ...

Шустрый

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

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

Извените за мою непонятливость но не сработал код Aliance, smile

скорей всего я не правильно ставлю его....

У меня вот такой вывод календаря

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>dynDateTime: jQuery date time calendar plugin, based on Dynarch calendar </title>
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        
        <script type="text/javascript" src="jquery.dynDateTime.js"></script>
        <script type="text/javascript" src="lang/calendar-en.js"></script>

        <link rel="stylesheet" type="text/css" media="all" href="css/calendar-win2k-cold-1.css"  />

    </head>
    <body>
        <form action="/nothing/to/post.to">
            <div>
                    
                <script type="text/javascript">

                    jQuery(document).ready(function() {
    
                        jQuery("#multi input").dynDateTime({                
                            button: ".next()" //next sibling
                        }); 
                        
                    });
                </script>
                <div id="multi">
                    <input type="text" name="dateA"/>
                    <button type="button">PICKER</button>

                </div>
            </div>
        </form>
    </body>
</html>

Я не знаю как правильно вставить код Aliancа в это яваскрипт

Код


<script type="text/javascript">
                    jQuery(document).ready(function() {
    
                        jQuery("#multi input").dynDateTime({                
                            button: ".next()" //next sibling
                        }); 
                        
                    });
                </script>

Aliance

Дата 7.5.2009, 12:45 (ссылка)

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

Загрузка ...

I ♥ <script>

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

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

Код


// твоя функция
function disableDate( date )
{
    var d = date.getDay();
    var m = date.getMonth();
    var y= date.getFullYear();
    if ( d == 12 && m == 05 && y = 09 )
    {
        return true;
    }
}
// Опции
var options = {
    button: ".next()",
    dateStatusFunc: disableDate
};

jQuery(document).ready( function()
    {
        jQuery( "#multi input" ).dynDateTime( options ); 
    }
);

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

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

JAVA ≠ JavaScript

VitaL

Дата 7.5.2009, 22:15 (ссылка)

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

Загрузка ...

Шустрый

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

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

Aliance, мне совсем стыдно но не работает, вот что я делаю

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>dynDateTime: jQuery date time calendar plugin, based on Dynarch calendar </title>
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
        
        <script type="text/javascript" src="jquery.dynDateTime.js"></script>
        <script type="text/javascript" src="lang/calendar-en.js"></script>

        <link rel="stylesheet" type="text/css" media="all" href="css/calendar-win2k-cold-1.css"  />

    </head>
    <body>
        <form action="/nothing/to/post.to">
            <div>
                    
                <script type="text/javascript">
            // твоя функция
function disableDate( date )
{
    var d = date.getDay();
    var m = date.getMonth();
    var y= date.getFullYear();
    if ( d == 12 && m == 05 && y = 09 )
    {
        return true;
    }
}
// Опции
var options = {
    button: ".next()",
    dateStatusFunc: disableDate
};
jQuery(document).ready( function()
    {
        jQuery( "#multi input" ).dynDateTime( options ); 
    }
);
                </script>
                <div id="multi">
                    <input type="text" name="dateA"/>
                    <button type="button">PICKER</button>

                </div>
            </div>
        </form>
    </body>
</html>

может это связанно с disableDate( date ), date это что переменная?

При нажатии кнопки не выскакивает календарь smile

VitaL

Дата 11.5.2009, 19:14 (ссылка)

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

Загрузка ...

Шустрый

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

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

ну вот

Aliance

Дата 12.5.2009, 11:35 (ссылка)

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

Загрузка ...

I ♥ <script>

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

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

Скажи, ну ты хоть читал те ссылки, что я тебе дал? Это же все довольно просто и я не верю, что ты читал и не разобрался.
Вот тебе готовый код:

Код


.my-class {
            background-color: #777;
            color: red;
        }

Код


var dates = [
                { d: 1, m: 4, y: 2009 },    // 1 мая
                { d: 9, m: 4, y: 2009 }        // 9 мая
            ];
function disableDate( date )
{
    for ( i in dates )
    {
        if (
            dates[i].d == date.getDate() 
            && 
            dates[i].m == date.getMonth() 
            && 
            dates[i].y == date.getFullYear() 
            )
        {
            return true;
        }
        return 'my-class';
    }
}

Но знай, что тут помогают, а не пишут за тебя. Больше этим заниматься не стану.

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

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

JAVA ≠ JavaScript

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