Datepicker and dialog (jQuery)

SurPaul · April 5, 2012

Вот опять я всё ещё делаю свой календарь...

Что нужно сделать чтобы после выбора определённой даты открывался dialog?

Radiocity · April 5, 2012

Если Вы обратитесь к документации, то обнаружите для себя событие onSelect, к которому вы и прикручиваете ваше диалоговое окно

SurPaul · April 6, 2012

Если Вы обратитесь к документации, то обнаружите для себя событие onSelect, к которому вы и прикручиваете ваше диалоговое окно

понятно что онселект... а после него что писать (после "onSelect: " )?)))

hypnocolor · April 6, 2012

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

SurPaul · April 6, 2012

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

после выбора определённой даты открывается dialog (jQuery), там нужно написать текст и ссылку. вот что я хочу сделать...

hypnocolor · April 6, 2012

SurPaul, и что потом должно произойти с текстом и ссылкой?

SurPaul · April 6, 2012

SurPaul, и что потом должно произойти с текстом и ссылкой?

нечего. они будут в диалоге

hypnocolor · April 6, 2012

SurPaul,

HTML:

<div id="datepicker">
</div>
<div id="dialog" title="Заголовок диалога">Содержимое</div>

CSS:

#dialog{display:none;}

JS:


$(function(){
    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
          if(dateText=="01/01/2012") $("#dialog").dialog();
        }
    });
})

Edited April 6, 2012 by hypnocolor

SurPaul · April 6, 2012

SurPaul,

HTML:

<div id="datepicker">
</div>
<div id="dialog" title="Заголовок диалога">Содержимое</div>

JS:


$(function(){
    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
          if(dateText=="01/01/2012") $("#dialog").dialog();
        }
    });
})

спасибо большое)

hypnocolor · April 6, 2012

SurPaul, я еще добавил CSS, чтобы блок с диалогом изначально был скрыт.

SurPaul · April 6, 2012

SurPaul, я еще добавил CSS, чтобы блок с диалогом изначально был скрыт.

так тут не css нужен, а всё тот же js:

$( ".selector" ).dialog({ autoOpen: false });

(documentation)

SurPaul · April 6, 2012

SurPaul,

HTML:

<div id="datepicker">
</div>
<div id="dialog" title="Заголовок диалога">Содержимое</div>

CSS:

#dialog{display:none;}

JS:


$(function(){
    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
          if(dateText=="01/01/2012") $("#dialog").dialog();
        }
    });
})

вроде как бы работает, но когда я его хочу переделать:

.dialog(draggable: false, modal: true, resizable: false, show: 'blind')

диалог работать не хочет... в хроме пишет: Uncaught SyntaxError: Unexpected token :

второй раз встречаюсь с этой проблемой, причину не понимаю...

Great Rash · April 6, 2012

Учите синтаксис JavaScript. Вы забыли брекеты фигурные скобки.

hypnocolor · April 6, 2012

SurPaul, параметры нужно оборачивать фигурными скобками...


$("#dialog").dialog({draggable: false, modal: true, resizable: false, show: 'blind'});

SurPaul · April 6, 2012

спасибо, забыл про них)

SurPaul · April 6, 2012

извините, вот у меня тут ещё одна проблема :dash:

работает только один dialog их трёх... вот сам код:

<script>
$(function(){
$('#datepicker').datepicker({
inline: true,
onSelect: function(dateText, inst) {
if(dateText=="01/01/2013") $("#dialog1").dialog({draggable:false,modal:true,resizable:false,show:'blind'});
if(dateText=="04/01/2013") $("#dialog2").dialog({draggable:false,modal:true,resizable:false,show:'drop'});
if(dateText=="08/02/2013") $("#dialog3").dialog({draggable:false,modal:true,resizable:false,show:'explode'});
}
});
})
</script>
</head>
<body>
<div id="datepicker"></div>
<div id="dialog1" style="display:none">TEXT</div>
<div id="dialog2" style="display:none">TEXT</div>
<div id="dialog3" style="display:none">TEXT</div>

3 if нужно писать в трёх скриптах? или тут что-то другое?

Edited April 6, 2012 by SurPaul

hypnocolor · April 6, 2012

SurPaul, это уже до смешного доходит) Читайте документацию внимательно! Формат этой даты: сначала -- номер месяца, потом номер дня, и год. То есть, в вашем случае получилось 1 января, 1 апреля и 2 августа 2013 года, и по клику на них диалоги выскакивают, как и должны.

SurPaul · April 6, 2012

SurPaul, это уже до смешного доходит) Читайте документацию внимательно! Формат этой даты: сначала -- номер месяца, потом номер дня, и год. То есть, в вашем случае получилось 1 января, 1 апреля и 2 августа 2013 года, и по клику на них диалоги выскакивают, как и должны.

вчера писал скрипт с алертом, вроде работало... а может я проверил только 1 января...))) спасибо, работает))

Sign In

Datepicker and dialog (jQuery)

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information