Colorir Sábado de Domingo no datepicker Jquery
Pessoal bom dia. ja tentei de todas a s formas colorir o Sábado e Domingo no DatePicker do Jquery porém não vai de jeito nenhum. veja meu código como esta:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="[http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css](http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css)" />
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<style type="text/css">
.ui-datepicker td.red a{
color:#ff0000 !importat;
}
</style>
<script>
$(function() {
$("#calendario").datepicker({
showOn: "button",
buttonImage: "calendario.jpg",
buttonImageOnly: true,
dateFormat: 'dd/mm/yy',
dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez'],
showOtherMonths: true,
selectOtherMonths: true,
/* Aqui tento colorir o domingo*/
beforeShowDay: function(date) {
if (date.toString().indexOf('Dom ') != -1)
return [1, 'red']; else
return [1];
}
/* fim */
});
});
</script>
<%--<script>
$('#calendario').datepicker({
beforeShowDay:function(date){
if(date.toString().indexOf('Sun ')!=-1)
return [1,'red'];else
return [1];
}
}
</script>--%>
<title>Calendário jQuery</title>
</head>
<body>
<p>Data: <input enableviewstate="false" type="text" id="calendario" /></p>
</body>
</html>
Alguem ja fez isso antes, ou tem alguma solução?
Discussão (2)
Carregando comentários...