Jquery plugins 为什么赢了'；datepicker不能在userfrosting的小树枝上工作吗？

我是个初学者，这个问题已经让我头疼了一天多了。我使用userfrosting作为一个框架，为网页提供常用的细枝文件

我试图在一个小树枝的表单中包含一个datepicker（bootstrap-datepicker.js不起作用，当前使用jquery ui的迭代也不起作用），但无论我做什么，我都无法让它起作用

以下是基本设置：

{% block head %}
    {{ parent() }}
    <script src="{{site.uri.js}}/jquery-1.11.2.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="{{site.uri.js}}/custom.js" ></script>
{% endblock %}

{% block content %}
.... {{boring stuff missed out}}
<form class="form-inline" role="form">
.... {{boring stuff missed out}}
<div class="form-group row">
    <label for="datepicker" class="col-sm-3 form-control-label">Subject Date:</label>
    <div class="col-sm-6">
        <input type="date" class="form-control" id="datepicker" />
    </div>
</div>
.... {{boring stuff missed out}}
</form>
.... {{boring stuff missed out}}
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
    $(document).ready(function() {
        $("#datepicker").datepicker();
    });
</script>
{% endblock %}

{%block head%}
{{parent（）}}
{%endblock%}
{%block content%}
.... {{无聊的东西漏掉了}}
.... {{无聊的东西漏掉了}}
受试日期：
.... {{无聊的东西漏掉了}}
.... {{无聊的东西漏掉了}}
{%endblock%}
{%block javascripts%}
$（文档）.ready（函数（）{
$（“#日期选择器”）.datepicker（）；
});
{%endblock%}

该框位于页面上，您可以在其中键入日期等，但单击该框时不会显示任何内容（应该会显示日历）

有人有什么想法吗？我完全不知所措。我在本地和CDN上尝试了各种版本（如您所见，目前），但都不起作用。我相信这可能是一些基本的东西，因为我不是一个经验丰富的web开发人员或任何东西，但任何建议或工作示例都将得到感谢

使用type=“text”作为输入字段。当我在谷歌上搜索这个问题时，似乎type=“date”至少在以前引起过问题

简而言之：我会尝试将type=“date”更改为type=“text”。

嗯！掌纹

好吧，经过一些挖掘和认真考虑inspector输出（感谢CTRL-SHIFT-I！），结果证明这是一个简单的脚本加载顺序和多个脚本加载的情况

我没有意识到twig在我要求它加载到我创建的模板上的基础上加载了一整袋脚本。只有在看到页面的inspector输出后，我才看到我正在尝试加载两个不同版本的jQuery，并且我自己的自定义脚本被无序加载-我在这里加载它们：

{% block head %}
  {{ parent() }}
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="{{site.uri.js}}/custom.js" ></script>
{% endblock %}

{% block page_scripts %}
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="{{site.uri.js}}/custom.js"></script>
{% endblock %}

{%block head%}
{{parent（）}}
{%endblock%}

该块应该为样式表保留。相反，我应该在这里加载它们：

{% block head %}
  {{ parent() }}
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="{{site.uri.js}}/custom.js" ></script>
{% endblock %}

{% block page_scripts %}
  <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="{{site.uri.js}}/custom.js"></script>
{% endblock %}

{%block page_scripts%}
{%endblock%}

---

。。。因此，在所有默认引导脚本和userfrosting脚本之后加载它们。

感谢您的回复Carl-我已将类型更改为“文本”，但没有更改任何内容-单击输入框或图标时仍然没有响应：（嗯，那我现在真的没什么主意了，但是有没有可能发布生成的html（不相关的内容被编辑掉了）？然后我（或者更可能是其他人）可能可以找到问题所在。UF的创建者在这里！您还可以通过

initialize.php

：：中的

PageSchema

加载其他Javascript资产。这使得为特定页面组分配要加载的资产变得很容易，而不是在每个页面上单独加载。您好@alexw-谢谢您的评论，我将对此进行研究因为这可能是一种更干净的方式来添加我需要的脚本。也感谢UF-为我们节省了大量的入门工作！：）