Datepicker и Laravel 5

Im пытается реализовать datepicker.js с моим проектом laravel. Я загрузил css/js и поместил их в свои активы и вызвал их в шаблоне приложения. Затем я использовал своего Js, чтобы вызывать сборщик дат в моей форме, используя правильный идентификатор, но ничего не приходит и никаких ошибок. Вот что у меня есть:Datepicker и Laravel 5

App:

<!doctype html> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 
    <link href="/assets/css/bootstrap-datepicker.min.css" rel="stylesheet" type="text/css"> 
    <link rel="stylesheet" href="/assets/css/gin_add.css"> 

    <title>Elephant Gin</title> 

</head> 
<body> 





@yield('main') 


<script src="/assets/js/jquery-2.1.1.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="/assets/js/bootstrap.min.js"></script> 
<script src="/assets/js/bootstrap-datepicker.min.js"></script> 
<script src="/assets/js/gin_add.js"></script> 
</body> 
</html>

Form-поле:

{!! Form::text('date', null, array('type' => 'text', 'class' => 'form-control datepicker','placeholder' => 'Pick the date this task should be completed', 'id' => 'calendar')) !!}

Javascript:

$('#calender').datepicker({ 
    format: "dd/mm/yyyy", 
    forceParse: false 
});

источник

2015-11-17 Ricki Moore

Когда вы вызываете функцию 'datepicker'? на документе готовы? А также есть ли у вас какие-либо ошибки в консоли? – IlGala

на документе готовы, и ошибок не было. –

Вы проверили сам документ на предмет возможных проблем с кешированием с сервера? –

Я оглядываясь по городу о Laravel и bootstrap-datepicker и нашел this link. Один из ответов был:

Просто интересно.

У вас есть jQuery, установленный до вашего bootstrap-datepicker.js? Похоже, JQuery является зависимость этого бутстраповских-datepicker.js

См: http://bootstrap-datepicker.readthedocs.org/en/release/

Но это, кажется, не ваш случай, так как вы написали

<script src="/assets/js/jquery-2.1.1.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="/assets/js/bootstrap.min.js"></script> 
<script src="/assets/js/bootstrap-datepicker.min.js"></script> 
<script src="/assets/js/gin_add.js"></script>

но, в моем мнение, это может все еще быть конфликтом с существующим дампике JQuery ... Итак, как вы можете прочитать с official documentation, вы можете установить свой ответчик в No conflict mode, добавив

var datepicker = $.fn.datepicker.noConflict(); // return $.fn.datepicker to previously assigned value 
$.fn.bootstrapDP = datepicker;     // give $().bootstrapDP the bootstrap-datepicker functionality

источник

2015-11-17 18:45:16 IlGala

Datepicker и Laravel 5

ответ

Смежные вопросы