Как правильно вставить Django templatetag в jquery код?

Question

[filmincer]

Здравствуйте.
Использую bootstrap-datepicker, хочу чтобы выбранные даты не могли быть выбраны, для этого в опцию datesDisabled: [], передаю list занятых дат (в правильном формате даты) с помощью template tag'а

<script>
	$(document).ready(function(){
		$(function() {
				$('#sandbox-container .input-daterange').datepicker({
				format: "yyyy-mm-dd",
				orientation: "bottom auto",
				language: "ru",
				datesDisabled: {{ car.get_date }},
                                templates: {
				    leftArrow: '<i class="fa fa-arrow-left"></i>',
				    rightArrow: '<i class="fa fa-arrow-right"></i>'
				}
				
			});
		});
	});
</script>

...после чего весь jquery код на странице(даже не связаный с данным функционалом) перестает работать.

пробовал и так:
datesDisabled: [{{ car.get_date }}],

результат всё один!

как мне кажется джанговский {{ }} тэг вообще невозможно по-умолчанию вставить в JS код, без поломки оного.

Вопрос: почему? или как можно данную проблему обойти?
Буду очень рад любой помощи

Comments

[sim3x]

просто посмотри, что тебе car.get_date отдает в html

[Павел Аксенов]

Надо в кавычках выводить

[filmincer]

sim3x: в html отдается все как надо: лист из строк(в правильном формате даты)

[sim3x]

filmincer: так покажи результат в html

[filmincer]

мне же нужно динамически из бд вставить даты именно в Jquery модуль, чтобы юзер именно в календаре не мог эти даты выбрать

[filmincer]

hellmin:
Ввел так: datesDisabled: ' {{ car.get_date }} ' , JQ код восстановился, но на календаре выводится "занятой" вообще левая дата, причем одна для всех авто

[Павел Аксенов]

а так?
datesDisabled: '{{ car.get_date|date:"Y-m-d" }}'

[filmincer]

hellmin: нет не вышло. фильтр date со списком даже в html себя не проявляет.

[Павел Аксенов]

Что возвращает car.get_date , объект datetime или список объектов?

[filmincer]

hellmin:
список объектов, в таком виде: ['2016-05-20', '2016-05-19', '2016-05-18'].
Если я вручную нединамически ввожу в datesDisabled:['2016-05-20', '2016-05-19', '2016-05-18'] - даты как и должны становятся недоступными для выбора.

[Павел Аксенов]

datesDisabled: {{ car.get_date|safe }}

[filmincer]

hellmin: Спасибо тебе огромное!! Все сработало как надо!
Напиши ответом, чтобы я отметил решением

[Павел Аксенов]

На здоровье)

[filmincer]

в итоге сделал так:

{% if car.get_date %}datesDisabled: {{ car.get_date|safe }},{% endif %}

иначе полностью свободные машины ничего не отдают, и код опять рушиться

Answer 1

[Владислав Скляр]

Попробуй раньше создать список
var list = {{ car.get_date }}
А потом передай список во внутрь функции
DatesDisabled: list,
Наверное прикол в том что ты закрываешь функцию раньше положеного при помощи символов }

Comments

[filmincer]

Безрезультатно.
Много уже попробовал с тем же эффектом, даже заумный обходной путь через аттрибут data-date у левого html-элемента:

data-date="{{ car.get_date }}"

$('.input-sm').mousedown(function(){
var datesList = $(".getDate").attr("data-date")
$('.input-sm').datepicker('setDatesDisabled', datesList)
});

[Владислав Скляр]

А ты уверен сто формат правильный? Выведи в консоль этот список. И еще проверь. Когда у тебя скрипт datepicker подключается: до или после тела. Имеет роль где он подключен.