Laravel 5.2 datepicker

幾天來，我試着在我的web應用程序中獲取Datepicker功能（基於Laravel 5.2）。無法讓它工作。Laravel 5.2 datepicker

在我的佈局文件頭部分我補充一下：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css">

，並在底部我

<script src="https://code.jquery.com/jquery-3.0.0.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $('.datepicker').datepicker(); 
    }); 
</script>

在視圖文件我有

<div class="input-group date" data-provide="datepicker"> 
    <input type="text" class="form-control"> 
    <div class="input-group-addon"> 
     <span class="glyphicon glyphicon-th"></span> 
    </div> 
    </div>

我看到日期字段，但當我點擊它，它只是試圖打開日期選擇器，但它看起來是空的（所以沒有日期裏面）

建議歡迎！

注：截圖這裏

來源

2016-06-21 wiwa1978

控制檯中的任何錯誤？ – Frisbetarian

控制檯中沒有錯誤 – wiwa1978

然後，很可能是一個缺少樣式的問題。 – Frisbetarian

如上所述，它看起來像你需要添加引導CSS到你的應用程序。

如果您打算在多個視圖中使用datepicker（或任何其他引導程序元素），那麼我會將它添加到佈局視圖中，這會比將其添加到每個文件更容易。

如果您已將文件本地添加到您的項目中public/assets/css，請使用下面的方法調用它們。

<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap.min.css')}}"/> 
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/bootstrap-responsive.min.css')}}"/>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

來源

2016-06-23 13:45:01

您可能需要添加bootstrap.css爲好。日曆中元素的樣式來自該樣式表。

來源

2016-06-21 09:35:08 Frisbetarian

包含引導樣式和JavaScript文件。他們被要求使用bootstrap-datepicker。

來源

2016-06-21 10:07:58

我的應用程序的其餘部分已經具有bootstrap樣式，因此它們肯定包含在內。 – wiwa1978

我現在已經手動將css和js文件添加到'resources> css'和'resources> js'，然後運行gulp。沒有改變任何東西。 – wiwa1978

Laravel 5.2 datepicker

回答

相關問題