Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”

0 Пользователей и 1 Гость просматривают эту тему.

*

sergeron

  • **
  • 59
  • +2/-0
    • Просмотр профиля
datepicker
« : 29 Февраль 2012, 11:31:42 »
Постоянно нужно работать с datepicker, в системе есть куча встроенных кусков jquery, кто-нить подскажет как правильно сделать подключку  jquery или использовать имеющиеся куски.
Конкретно надо повесить на два поля Дата от - до datepicker. Дату вывожу в файле search-filter.xsl для каталога:
<xsl:template match="field[@data-type = 'date' ]" mode="search">
<div class="grade">
<label class="right">
<span>
<xsl:text>&range-to;</xsl:text>
</span>
<input type="text" name="fields_filter[{@name}][1]" value="{value_to}" class="textinputs" />
</label>
<label>
<span>
<xsl:value-of select="@title" />
<xsl:text> &range-from;</xsl:text>
</span>
<input type="text" name="fields_filter[{@name}][0]" value="{value_from}" class="textinputs" />
</label>
</div>
// пошел picker
<script type="text/javascript">
$(document).ready(function(){   
  $('#fields_filter[{@name}][0]').attachDatepicker({
  rangeSelect: true,
  yearRange: '2012:2020',
  firstDay: 1
  }); 
$('#fields_filter[{@name}][1]').attachDatepicker({
  rangeSelect: true,
  yearRange: '2012:2020',
  firstDay: 1
  }); 
});
</script>       
</xsl:template>
Надо еще видимо подключить jquery, пытаюсь это сделать в default.xsl , который layout в теге head, где все js подключаются, но результат нулевой :(

*

sergeron

  • **
  • 59
  • +2/-0
    • Просмотр профиля
Re:datepicker
« Ответ #1 : 29 Февраль 2012, 15:42:26 »
Частично решился вопрос, но при включении функции datepicker(), выводится над календарем куча управляющих кнопок
Очистить Закрыть <Пред Сегодня След>, как их убрать?

*

admin

  • *****
  • 2421
  • +172/-1
    • Просмотр профиля
Re:datepicker
« Ответ #2 : 01 Март 2012, 04:30:58 »
datepicker подключается просто, для этого нужна подключенная библиотека jquery, jqueryUI (конкретно с функциональностью datepicker).

Сборку js для работы datepicker можно легко скачать на http://jqueryui.com/download, только помни, что сама библиотека jquery подключается системой через ммакрос
<xsl:value-of select="document('udata://system/includeQuickEditJs')/udata" disable-output-escaping="yes" />

так что из скаченных файлов повторно подключать ядро jquery не надо.

Еще учитывай что если ты авторизирован как админ, то админка подгружает свой пак js'ок, среди которых есть css файл который пересекается по стилям с datepicker стилями, так что проверяй и как админ и как гость сайта.

*

sergeron

  • **
  • 59
  • +2/-0
    • Просмотр профиля
Re:datepicker
« Ответ #3 : 01 Март 2012, 11:04:44 »
Ок, спасибо admin, с подключкой jquery разобрался, с пикером тоже


<script>
$(function() {
$( "#data_nachala" ).datepicker();
});
$(function() {
$( "#data_okonchaniya" ).datepicker();
});
</script>


вот и весь пикер.

Ценное замечание про
<xsl:value-of select="document('udata://system/includeQuickEditJs')/udata" disable-output-escaping="yes" />


*

niakriss

  • ***
  • 190
  • +2/-0
    • Просмотр профиля
Re:datepicker
« Ответ #4 : 27 Ноябрь 2012, 11:51:59 »
А подскажите можно ли как то убрать ссылки из календаря? Чтобы не было <a href="#"> а просто <td>... а в нем число...