2016-09-20 24 views
0

JS和CSS Added-引導日期選擇區域/下的語不工作

<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代碼 -

<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"/> 

引導日期選擇器升ocale/languange不起作用
我錯過了什麼?

bootstrap datepicker語言環境/ languange不起作用
我錯過了什麼嗎?

bootstrap datepicker語言環境/ languange不起作用
我錯過了什麼嗎?

bootstrap datepicker語言環境/ languange不起作用
我錯過了什麼?

+0

嘗試date_input.datepicker(選件); – madalinivascu

回答

0

你缺少jquery.jsbootstrap.min.css,並且還存在以下行語法錯誤:

date_input.datepicker({options}); 

它應該是:

date_input.datepicker(options); 

嘗試以下工作演示:

$(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

我不是缺少jquery.js也沒有bootstrap.min.css,我只是忘了把它放在問題框嘿嘿 但問題是在date_input.datepicker({選項}); 非常感謝。 –

0

你必須包括重要的是

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

頂部,然後其次是你的JS和CSS

<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"/> 

希望這將幫助你Jquery的。

0

嘗試找到合適的時區 here

例如添加此

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