小编Kri*_*tof的帖子

在Bootstrap-datepicker中使用“ beforeShowDay”

我使用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)

javascript jquery typo3 datepicker twitter-bootstrap-3

2
推荐指数
1
解决办法
6169
查看次数