爲什麼datepicker不會在用戶結構中的樹枝中工作？

這裏的初學者很少，這個問題一直讓我頭痛一整天。我正在使用userfrosting作爲框架，併爲網頁提供常用的twig文件。爲什麼datepicker不會在用戶結構中的樹枝中工作？

我想包括一個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 %}

這個盒子是在頁面上，你可以鍵入日期進去等等，但是當你點擊它沒有出現

（應該出現的日曆。）

任何人有任何想法？我處於全面虧損狀態。我已經嘗試過各種版本，在本地和（正如你所看到的，目前）在CDN上，但沒有任何效果。我相信這可能是一些基本的東西，因爲我不是一個有經驗的網站開發人員或任何東西，但任何建議或工作示例將受到感謝！

來源

2016-03-19 nockieboy

呃！ facepalm

那麼，經過一些挖掘並認真考慮了檢查器的輸出（感謝CTRL-SHIFT-I！），事實證明這是一個簡單的腳本加載順序和多個腳本被加載的情況。

我沒有意識到，小枝加載了一個完整的腳本，並在我要求它加載到我創建的模板中。只有看到頁面的檢查輸出後我才發現，我試圖加載的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 %}

...所以他們被加載後，所有標準的引導和userfrosting腳本。

來源

2016-03-20 12:19:12 nockieboy

UF的創建者！您還可以通過'initialize.php'中的'PageSchema'加載額外的Javascript資源：https://github.com/userfrosting/UserFrosting/blob/master/userfrosting/initialize.php#L210 -L272。這可以很容易地指定資產加載特定的頁面組，而不是單獨加載它們在每個頁面。 – alexw

嗨@alexw - 感謝您的評論，我會研究，因爲它可能是一種更清潔的方式添加我需要的腳本。謝謝用友 - 爲我們節省了大量的工作！:) – nockieboy

https://jqueryui.com/datepicker/對輸入字段使用type =「text」。當我谷歌的事情看來，類型=「日期」至少以前引起問題。

簡而言之：我會嘗試將type =「date」更改爲type =「text」。

來源

2016-03-20 08:51:52

感謝您的回覆Carl - 我已將類型更改爲「文本」，並且沒有任何更改 - 單擊輸入框或圖標時仍然沒有響應。 :( – nockieboy

嗯，那麼我現在很遺憾地想出了一些想法，但是有可能發佈生成的html（用不相關的東西編輯出來）？然後我（或者更有可能是其他人）可能能夠找到什麼 –

爲什麼datepicker不會在用戶結構中的樹枝中工作？

回答

相關問題