我使用Bootstrap 3。
进入Bootstrap-datepicker时,仅当从CMS TYPO3 v7获得有关此日期的一些新闻时,才必须启用日期。
我成功地将日期从TYPO3 viewhelper获取到data属性中:
<input id="agenda-date-selector-datepicker-footer" class="agenda-date-selector-datepicker" value="{f:format.date(date:\'{weekDate}\',format:\'d-m-Y\')}" data-dates='{enableDates -> ul:Datepicker()}'>
Run Code Online (Sandbox Code Playgroud)
(不要在意“值”,在这里并不重要)。
在我的JS中,输入“ true”返回值。
(alert("true");显示10次,但我有13个日期...很奇怪...而且日期选择器中没有禁用任何日期。
我改编了这个工作模型以使代码为http://jsfiddle.net/vCJ2u/198/,但是该模型使用jQuery UI。
这是我的代码:
<input id="agenda-date-selector-datepicker-footer" class="agenda-date-selector-datepicker" value="{f:format.date(date:\'{weekDate}\',format:\'d-m-Y\')}" data-dates='{enableDates -> ul:Datepicker()}'>
Run Code Online (Sandbox Code Playgroud)
$(function(){
if($('.section-agenda-date-selector').length){
availableDates = $('#agenda-date-selector-datepicker-footer').data('dates');
alert(availableDates);
$("#agenda-date-selector-datepicker-footer").datepicker({
maxViewMode: 2,
language: "fr",
autoclose: true,
todayHighlight: true,
//startDate: '+1d',
//weekStart: 1,
format: 'yyyy-mm-dd',
beforeShowDay: function(dt){
console.log([available(dt), "" ]);
return [available(dt), "" ];
}
});
initAgendaListe();
}
});
function available(date) {
dmy = ( '0' + date.getDate() ).slice( -2 ) + "-" …Run Code Online (Sandbox Code Playgroud)