如何在 bootstrap 日历中将英文格式日期更改为西班牙文?
How to change English format date to Spanish in bootstrap calendar?
我有一个 bootstrap 日历,它以英文格式显示日期和月份。
我尝试更改名称以进行翻译:
$('#calendar').fullCalendar({
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes', 'Martes','Miércoles','Jueves', 'Viernes','Sábado'],
dayNamesShort: ['Dom', 'Lun', 'Mar','Mier','Jue', 'Vie','Sab'],
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true
});
});
但我想在一周的第一天显示星期一而不是星期日。
我尝试添加:
lang: 'es'
和
language: 'es'
不显示日历....
如何更改此格式?
谢谢!
将此包含在您的西班牙语脚本中:https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/lang/es.js
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2015-09-1',
editable: true,
eventLimit: true // allow "more" link when too many events
});
body {
margin: 40px 1px;
padding: 0;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
}
#calendar {
max-width: 900px;
margin: 0 auto;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/lang/es.js"></script>
<div id='calendar'></div>
我有一个 bootstrap 日历,它以英文格式显示日期和月份。
我尝试更改名称以进行翻译:
$('#calendar').fullCalendar({
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes', 'Martes','Miércoles','Jueves', 'Viernes','Sábado'],
dayNamesShort: ['Dom', 'Lun', 'Mar','Mier','Jue', 'Vie','Sab'],
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true
});
});
但我想在一周的第一天显示星期一而不是星期日。
我尝试添加:
lang: 'es'
和
language: 'es'
不显示日历....
如何更改此格式?
谢谢!
将此包含在您的西班牙语脚本中:https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/lang/es.js
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2015-09-1',
editable: true,
eventLimit: true // allow "more" link when too many events
});
body {
margin: 40px 1px;
padding: 0;
font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
}
#calendar {
max-width: 900px;
margin: 0 auto;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/lang/es.js"></script>
<div id='calendar'></div>