Character limit to 3 letters

by ian_smithz

HTML

<button><span class="btn--date__month">January</span></button>
<button><span class="btn--date__month">February</span></button>
<button><span class="btn--date__month">March</span></button>
<button><span class="btn--date__month">April</span></button>
<button><span class="btn--date__month">May</span></button>
<button><span class="btn--date__month">June</span></button>
<button><span class="btn--date__month">July</span></button>
<button><span class="btn--date__month">August</span></button>
<button><span class="btn--date__month">September</span></button>
<button><span class="btn--date__month">October</span></button>
<button><span class="btn--date__month">November</span></button>
<button><span class="btn--date__month">December</span></button>

CSS

.accessibility {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

JavaScript

$('.btn--date__month').each(function() {

  $(this).text(function(index, currentText) {
    return currentText.substr(0, 3);
  });

});