2013-03-20 8 views
6

Próbowałem pobrać datepicker bootstrap stąd: https://github.com/eternicode/bootstrap-datepicker do pracy, ale kalendarz nie pojawi się w ogóle. Nie jestem pewien, czego mi brakuje? Połączyłem wszystko poprawnie. Jakakolwiek pomoc będzie wspaniała, dzięki!Datepicker bazy danych nie działa w ogóle

<link href="css/bootstrap.css" rel="stylesheet"> 
<link href="css/datepicker.css" rel="stylesheet"> 

<input type="text" value="02/16/12" data-date-format="mm/dd/yy" class="datepicker" > 

<script src="js/bootstrap.js"></script> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

<script type="text/javascript"> 
$('.datepicker').datepicker(); 
</script> 

+1

czegokolwiek na konsoli javascript? Czy twoje dane wejściowe są naprawdę powyżej znaczników skryptu, czy po prostu kondensujesz kod? – Ronnie

Odpowiedz

5
$(document).ready(function() { 
    $('.datepicker').datepicker(); 
}) 

Działa na here użyłem jQuery 1.7.2, 2.0.2 Bootstrap oraz najnowszej datepicker JS. W moim teście brakuje CSS, ale datepicker pojawia się po kliknięciu! :-)

+1

Dzięki za odpowiedź, ale dodałem to i nadal nie działa. Umieszczam to tuż przed tagiem. Dane wejściowe znajdują się powyżej znaczników skryptu. – Soulipsyz

+0

Ok, rozumiem, to problem musi znajdować się gdzieś indziej. Czy próbowałeś uruchomić JS w konsoli FireBug? – powtac

+0

@Soulipsyz Stworzyłem test roboczy: http://jsfiddle.net/powtac/kGDGX/ – powtac

4

Musisz załadować jquery przed załadowaniem bootstrap.js, oprócz dodania $ (document) .ready().

<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 

Nadzieję, że pomaga.

Powiązane problemy