Я работал над своей формой, и у меня есть этот сборщик дат, который будет там в моей форме.Так как я попробовал достаточно вещей из Интернета, но почему-то это не получается, или я должен сказать, что не работает вообще.Я следовал за этим JQuery UI Date Picker
Это мой код, и я почти уверен, что правильно его реализовал, но все же он не работает.
theme.liquid
<!doctype html>
<!--[if IE 9]> <html class="ie9 no-js" lang="{{ shop.locale }}"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="{{ shop.locale
}}"> <!--<![endif]-->
<head>
<!-- Date Picker -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
</html>
formpage.liquid
<form>
<div class="form-group">
<label for="date">Date of Purchase (dd/mm/YYYY)</label>
<input type="text" class="form-control" id="date" placeholder=''>
</div>
</form>
<script>
$(function() {
$( "#date" ).datepicker();
});
</script>
formpage.liquid это другая страница, а theme.liquid на самом деле является глобальной html-страницей для темы shopify.Пожалуйста помоги мне с этим.Спасибо:)
Правка
Я пытался сделать то же самое для добавления даты доставки на странице корзины, думал, что это сработает. Дата доставки на странице корзины Shopify
Сделан фрагмент Дата выбора и добавлен следующий код:
date-picker.liquid
{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
{{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }}
<input id="date" type="text" name="attributes[date]" value="" />
<script>
jQuery(function() {
jQuery("#date").datepicker( {
minDate: +1,
maxDate: '+2M',
beforeShowDay: jQuery.datepicker.noWeekends
} );
});
</script>
{% comment %}
To remove days of the week that aren't Saturday and Sunday, use this:
http://stackoverflow.com/questions/2968414/disable-specific-days-of-
the-week-on-jquery-ui-datepicker
{% endcomment %}
Добавлен фрагмент в виде div:
<div class="form-group">
<label for="date">Date of Purchase (dd/mm/YYYY)</label>
{% include 'date-picker' %}
</div>
Но все равно у меня не получается.