2016-09-20 53 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>