添加了 JS 和 css-
<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"/>
引导日期选择器区域设置/语言不起作用
我错过了什么吗?
引导日期选择器区域设置/语言不起作用
我错过了什么吗?
引导日期选择器区域设置/语言不起作用
我错过了什么吗?
引导日期选择器区域设置/语言不起作用
我错过了什么吗?
最佳答案
您缺少jquery.js
和bootstrap.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"/>
关于jquery - 引导日期选择器区域设置/语言不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39585387/