Ir para conteúdo
Alysson Abech

Como listar eventos com link no Jquery UI datepicker

Recommended Posts

Gostaria de saber como posso listar os eventos setados no datepicker, que quando ao passar o mouse em cima dos mesmos , eles mudassem o hover ou algo assim diretamente no calendário.

 

Código atual:

codepen.io/abech/pen/VrWOLR

 

Imagem de exemplo do código atual

 

Capturar.PNG

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora


  • Conteúdo Similar

    • Por Kleisson Azevedo
      bom dia galera. seguinte, preciso fazer um formulário mais ou menos assim...
      ao selecionar o estado me mostrar as cidades daquele estado..
      as tabelas no banco esta todas prontas.. as cidades e os estados tem uma ligação, que é o estado_id (nome da linha da tabela)
      ou seja, o estado tem um estado_id e todas as cidades tambpem tem um estado_id.
      estou perdido, desde já, obrigado!
    • Por Luccas Gaulia
      Ola Pessoal,
       
      Segue o LINK: http://www.pretechmobile.com/templates/form/
      Assim será melhor explicado...
      Preencha o primeiro campo, assim que preencher alguns caracteres o campo já dá um "ok" (icone no lado direito)...
      Porém, quando saí, ele não fica com o fundo verde de input validado, pois não estou conseguindo fazer essa função, porém tenho o local que preciso colocar isso... 
       
      Vai direto para o próximo div e não consigo colocar uma class para validar esse fundo depois de estiver ok...
       
      Funciona corretamente, mas não faz essa validação de class...
       
      $().ready(function(){ var validator = $("#form").bind("invalid-form.validate",function(){ $("#msg").html("Este formulari tem "+ validator.numberOfInvalids()+" erro(s)"); }).validate( { errorElement:"el", errorPlacement: function(error,element){ element.parent("div.se-form-element").addClass("se-form-validate-error").next("div.se-validate-text-error").html(error); }, success: function (input){ input.removeClass("se-form-validate-error").addClass("glyphicon glyphicon-ok"); }, submitHandler: function(form){ form.submit(); },  
      A ideia seria mais ou menos assim, mas não sei como fazer isso na função
       
      element.parent("div.se-form-element").removeClass("se-form-validate-error").addClass("se-form-validate-sucess");  
    • Por Noob Web
      Meu carrosel esta alinhado no centro mas de vez em quando ele vai para a esquerda não sei o que esta causando isso.
       
      <script type="text/javascript"> $(function () { $(".anuncio ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <script type="text/javascript"> $(function () { $(".texto ul").cycle({ fx: 'fade', speed: 1500, timeout: 3000, }) }) </script> <section id="conteudo"> <section class="banner"> <div class="anuncio"> <h1><ul> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> <li><img src="img/banner.jpg"/></li> <li><img src="img/banner2.jpg"/></li> </ul></h1> </div> <div class="texto"> <h1><ul> <li>AAAAAAAAAAAAA</li> <li>BBBBBBBBBBBBB</li> <li>CCCCCCCCCCCCCC</li> <li>DDDDDDDDDDDDD</li> </ul></h1> </div> </section> .anuncio ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top:160px; padding:0px; } .texto{font-size:50px; color: ; font-family:Georgia; text-shadow: #000000;} .texto ul{ z-index: 2; list-style-type: none; margin:0 auto; margin-top: -100px; padding:0px;} .texto li{ width:500px; height:300px;} .banner ul{animation: anime 1s ease-in-out 0.5s backwards; -moz-animation: anime 1s ease-in-out 0.5s backwards; -webkit-animation: anime 1s ease-in-out 0.5s backwards;}  
    • Por Thiago Duarte
      Olá, gostaria de mudar a página usando um select
       
      E também seguir a lógica exemplo, se tiver na página contato em português, e o usuário trocasse o idioma mudasse para ingles iria para pagina de contato em inglês
       
      e não voltaria para página inicial.... só voltaria se ele trocasse o idioma estando na página inicial.
       
      meu codigo ta assim mas não funciona
      <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript">     $(function () {         $("#idiomas").change(function () {            {     var i = $('#idiomas').val();     if (i == '1')         window.location = "www.exemplo.com.br";     else      if (i == '2')         window.location = "www.pt.exemplo.com.br"; } else          if (i == '3')         window.location = "www.es.exemplo.com.br"; }         });     }); </script> </head> <body> <select id="idiomas">     <option value=""></option>     <option value="1">English</option>     <option value="2">Português</option>     <option value="3">Español</option> </select> </body> </html>  
      Alguém pode ajudar?
    • Por Leomar Sartor
      Estou a realizar uns exemplos de estudos com Select2 (Feito download em http://select2.github.io/select2/) e Jquery. Estou seguindo um tutorial para o uso do mesmo... Porém não consigo fazer uma função (format) funcionar e não estou conseguindo entender o por que. Coloquei Alert e Logs mas não funciona o da função... Agradeço pela ajuda desde já. Segue exemplo a seguir:

      <html>
      <head>
      <title>Seletores JQuery</title>
      <script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script>
      <link href="select2/dist/css/select2.min.css" rel="stylesheet" />
      <script src="select2/dist/js/select2.min.js"></script>
      </head>
      <body style="text-align: center">
      <form>
      <select id="carros" style="width: 300px;">
      <option value="VV">Volvo</option>
      <option value="SB">Saab</option>
      <option value="MC">Mercedes</option>
      <option value="AD">Audi</option>
      </select>
      </form>
      </body>
      </html>
      <script type="text/javascript">
      $( document ).ready(function() {

      console.log( "INICIO" );
      alert("INICIO");
      $("#carros").select2({
      placeholder: "Selecione Carros:",
      allowClear: true,
      formatResult: format,
      formatSelection: format,
      escapeMarkup: function(m) { return m; }
      });
      console.log( "FIM" );
      alert("FIM");

      });
      function format(state) {
      console.log( "DENTRO DA FUNCAO" );
      alert("DENTRO DA FUNCAO");
      alert('ID:' + state.id + ' - Carro:' + state.text);
      }
      </script>
×

Informação importante

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

Este projeto é mantido e patrocinado pelas empresas:
Hospedado por: