2016-09-20 9 views
0

JS und CSS funktioniert Added-Bootstrap picker locale/languange nicht

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/css.css"> 
<link rel="shortcut icon" href="foto/logo.png" /> 
<link href='css/hover.css' rel='stylesheet' media='all'> 

<script src="script/jquery.min.js"></script> 
<script src="script/script.js"></script> 
<script src="bootstrap/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.id.min.js" charset="UTF-8"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css"/> 

Javascript Code-

<script> 
$(document).ready(function(){ 
    var date_input=$('input[name="datepicker"]'); //our date input has the name "date" 
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
    var options={ 
    format: 'dd-mm-yyyy', 
    container: container, 
    todayHighlight: true, 
    autoclose: true, 
    daysOfWeekDisabled: "0", 
    daysOfWeekHighlighted: "0", 
    language: "id", 
    locale: "id", 
    }; 
    date_input.datepicker({options}); 
}) 
</script> 

HTML-

<input class="form-control" id="date" name="datepicker" placeholder=" -- (tahun/bulan/tanggal) -- " type="text"/> 

Bootstrap picker l ocale/languange funktioniert nicht
vermisse ich etwas?

bootstrap datepicker locale/languange funktioniert nicht
bin ich etwas fehlt?

bootstrap datepicker locale/languange funktioniert nicht
bin ich etwas fehlt?

bootstrap datepicker locale/languange funktioniert nicht
bin ich etwas fehlt?

+0

try date_input.datepicker (Optionen); – madalinivascu

Antwort

0

Sie vermissen jquery.js und bootstrap.min.css, und es gibt auch Syntaxfehler in folgende Zeile:

date_input.datepicker({options}); 

Es sollte:

date_input.datepicker(options); 

Versuchen Sie folgende Arbeits Demo:

$(document).ready(function(){ 
 
var date_input=$('input[name="datepicker"]'); //our date input has the name "date" 
 
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body"; 
 
    var options={ 
 
    format: 'dd-mm-yyyy', 
 
    container: container, 
 
    todayHighlight: true, 
 
    autoclose: true, 
 
    daysOfWeekDisabled: "0", 
 
    daysOfWeekHighlighted: "0", 
 
    language: "id", 
 
    locale: "id", 
 
    }; 
 
    date_input.datepicker(options); 
 
});
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.id.min.js" charset="UTF-8"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css"/> 
 
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"/> 
 

 
<input class="form-control" id="date" name="datepicker" placeholder=" -- (tahun/bulan/tanggal) -- " type="text"/>

+0

Ich vermisse weder jquery.js noch bootstrap.min.css, ich habe gerade vergessen, es in das Fragefeld hehe , aber das Problem ist in der date_input.datepicker ({Optionen}); vielen Dank. –

0

müssen Sie die JQuery oben auf, dass durch Ihre js und css

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js"></script> 

und dann gefolgt sind

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.id.min.js" charset="UTF-8"></script> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css"/> 

Hope this Ihnen helfen.

0

versuchen Wählen Sie die entsprechende Zeitzone Ihre here

dies zum Beispiel hinzufügen

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/locale/id.js"></script>