UMIhelp

Разработка сайта на UMI.CMS => Шаблоны XSLT => Тема начата: sergeron от 29 Февраля 2012, 11:31:42

Название: datepicker
Отправлено: sergeron от 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 подключаются, но результат нулевой :(

Название: Re:datepicker
Отправлено: sergeron от 29 Февраля 2012, 15:42:26

Частично решился вопрос, но при включении функции datepicker(), выводится над календарем куча управляющих кнопок
Очистить Закрыть <Пред Сегодня След>, как их убрать?

Название: Re:datepicker
Отправлено: admin от 01 Марта 2012, 04:30:58

datepicker подключается просто, для этого нужна подключенная библиотека jquery, jqueryUI (конкретно с функциональностью datepicker).

Сборку js для работы datepicker можно легко скачать на http://jqueryui.com/download (http://jqueryui.com/download), только помни, что сама библиотека jquery подключается системой через ммакрос

Код: [Выделить]

<xsl:value-of select="document('udata://system/includeQuickEditJs')/udata" disable-output-escaping="yes" />

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

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

Название: Re:datepicker
Отправлено: sergeron от 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" />

Название: Re:datepicker
Отправлено: niakriss от 27 Ноября 2012, 11:51:59

А подскажите можно ли как то убрать ссылки из календаря? Чтобы не было <a href="#"> а просто <td>... а в нем число...