Utiliza la función querySelectorquerySelectorAll
para llegar al nodorecorrer todos los nodos que buscas(asumo por el fragmento de código que veo, que solo hay un elemento con la clase cal-month.day), luego con dataset obtienes los datos del atributo data-*
.
document.querySelectorquerySelectorAll(".cal-month-day")
.forEach(btn => {
btn.addEventListener('click', (event) => {
console.log( var dia = event.target.dataset.calDatecalDate;
console.log(dia)
});
});
Ver código funcionando en https://jsfiddle.net/nk8jd7ae/https://jsfiddle.net/k0qrcj6u/
Importante saber que cuando usas data-* los guiones se comportan como camelcase, por eso no queda dataset.cal-date
, si no que queda como dataset.calDate
.
Ojo esto es vanilla javascript(js puro), no Jquery.