Bootstrap 3 datepicker内化

时间:2015-06-04 13:46:52

标签: twitter-bootstrap-3 datepicker internationalization

我使用此代码创建预订系统:

http://jsfiddle.net/9zjwdypc/

此示例工作正常,但我无法添加内部化和其他选项。

我尝试了这个示例代码:

$('#dpd1').datepicker({
    language: 'it'
});

$('#dpd1').datepicker({
    format: "dd-mm-yyyy",
    weekStart: 1,
    language: "fr",
    autoclose: true,
    todayHighlight: true
});

$('#dpd2').datepicker({
    format: "dd-mm-yyyy",
    weekStart: 1,
    language: "fr",
    autoclose: true,
    todayHighlight: true
});

$(window).load(function(){
  var nowTemp = new Date();
  var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

  var checkin = $('#dpd1').datepicker({
     onRender: function(date) {
       return date.valueOf() < now.valueOf() ? 'disabled' : '';
     }
  }).on('changeDate', function(ev) {
     if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setValue(newDate);
     }
     checkin.hide();
     $('#dpd2')[0].focus();
  }).data('datepicker');
  var checkout = $('#dpd2').datepicker({
     onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
     }
  }).on('changeDate', function(ev) {
     checkout.hide();
  }).data('datepicker');
});

中加入:

<script src="http://eternicode.github.io/bootstrap-datepicker/bootstrap-datepicker/js/locales/bootstrap-datepicker.fr.js"></script>

同样使用它:

$(document).ready(function(){
    $.fn.datepicker.defaults.language = 'it';
});   

这是错误: TypeError:$ .fn.datepicker.dates未定义

1 个答案:

答案 0 :(得分:0)

您已包含法语文件,然后尝试使用意大利语...