Pesquisar na Comunidade

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

Galera seguinte, Não tenho muita experiência com Javascript então peço ajuda com o seguinte problema utilizo o seguinte código que executa o dialog do jquery-ui-1.11.4 <script> $( "#dialog" ).dialog({ autoOpen: false, width: 400, buttons: [ { text: "Sim", click: function() { // caso o usuario clique em sim, aqui havera um codigo que necessita de uma // informacao que sera passada pelo button que usuario clicou para executar // a acao correta $( this ).dialog( "close" ); } }, { text: "Não", click: function() { $( this ).dialog( "close" ); } } ] }); // Link to open the dialog $( "#dialog-link" ).click(function( event ) { $( "#dialog" ).dialog( "open" ); event.preventDefault(); }); $( "#datepicker" ).datepicker({ inline: true }); </script> para que esse script seja executado, o usuário tem que clicar nesse link: <a href="#" id="dialog-link">teste</a> a minha dúvida é a seguinte, quais alterações tenho que fazer no código para que ao invés de usar o atributo <a href...> possa usar o atributo <button onclick...>? A minha necessidade de fazer essa alteração é porque preciso passar um parametro para cada button, e não consegui nenhuma maneira de passar esse paramentro através do <a href="#" id="dialog-link"> além disso, só posso usar a id dialog-link uma vez na página.