2016-06-21 3 views
1

며칠 동안 내 웹 응용 프로그램에서 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> 

이 내 레이아웃 파일의 head 섹션에서

나는 추가 날짜 필드를보고 있지만 그것을 클릭하면 단순히 dateselector를 열려고 시도하지만 비어있는 것으로 나타납니다 (내부의 날짜가 없습니다)

제안 환영!

참고 : 여기에 스크린 샷 enter image description here

+0

콘솔에서 모든 오류? – Frisbetarian

+0

콘솔에 오류가 없습니다 – wiwa1978

+0

아마도 스타일이 누락 된 문제 일 수 있습니다. – Frisbetarian

답변

2

위에서 말했듯이 앱에 부트 스트랩 CSS를 추가해야하는 것처럼 보입니다.

두 개 이상의보기에서 datepicker (또는 다른 부트 스트랩 요소)를 사용하려는 경우 레이아웃보기에 추가하면 각 파일에 추가하는 것보다 훨씬 쉬워집니다.

프로젝트에 로컬/파일/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"> 
0

당신은뿐만 아니라 bootstrap.css 추가해야 할 수도 있습니다. 캘린더 요소의 스타일은 해당 스타일 시트에서 가져옵니다.

0

부트 스트랩 스타일과 자바 스크립트 파일을 포함합니다. bootstrap-datepicker를 사용해야합니다.

+0

나머지 앱에는 이미 부트 스트랩 스타일이 포함되어 있으므로 확실히 포함됩니다. – wiwa1978

+0

이제 수동으로 css 및 js 파일을 'resources> css'및 'resources> js'에 추가 한 다음 gulp를 실행했습니다. 아무것도 바꾸지 않았어. – wiwa1978