Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Fernandes dos Santos

Colorir Sábado de Domingo no datepicker Jquery

Por , em Javascript

Recommended Posts

João Fernandes dos Santos    2

João Fernandes dos Santos
Postado

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" />
<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?

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Fernandes dos Santos    2

João Fernandes dos Santos
Postado

Doug, valeu mesmo, show de bola era exatamente o que eu queria.

Só mais uma dúvida: quando escolho a data e jogo ela no textbox e dou um postback na página o campo perde a data escolhida, como posso resolver esse problema?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito