Event "finish.countdown" dont working

Hello, I am trying to display an alert on a page that contains 3 countdown. The alert is to be displayed when any of them is finalized. But nothing happens when I use “finish.countdown”. It simply resets the counter. I tested the event “update.countdown” and worked well. I’m missing something? Below is my code. thank you

HTML CODE

<div data-countdown="2015-14-10 09:00:00"></div>
<div data-countdown="2015-14-10 10:00:00"></div>
<div data-countdown="2015-14-10 11:00:00"></div>

JAVASCRIPT CODE

$('[data-countdown]').each(function() {
  var $this = $(this), finalDate = $(this).data('countdown');

  $this.countdown(finalDate, function(event) {
    $this.html(event.strftime('%H:%M:%S'));
  });

  $(this).on('finish.countdown', function(event){
    alert("teste");
  });
});

[hilios]

With the legacy approach one will handle all events in a single callback (update, finish or stop) through the event.type property […] Source: http://hilios.github.io/jQuery.countdown/documentation.html#introduction

Try not to use the legacy callback with a registered event, the suggested approach is to bind each event one like to handle:

$('[data-countdown]').each(function() {
  var $this = $(this), finalDate = $(this).data('countdown');

  $this.countdown(finalDate)
  $this.on('update.countdown', function(event){
    $this.html(event.strftime('%H:%M:%S'));
  });
  $this.on('finish.countdown', function(event){
    alert("teste");
  });
});

[nonato]

Hello Hilios, I found out what had happened. It was a small mistake I made. The date format was wrong. When I changed the string that shows the counter to show how many days were lacking for the event, I saw that there were still many days. For this reason, the counter back to 23:59:00 when reached 00:00:00. In fact, he was reduced one day to the event. I was using the format: YYYY-DD-MM. But I should have used: YYYY-MM-DD. After correcting this, everything worked properly. Thank enough for their commitment to help me. Thank you so much. Big hug