JQuery Get The Current Quarter
by Avinashullal
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="btn-group btn-group-justified" data-toggle="buttons" id="btnQ1">
<label class="btn btn-primary" for="q1">
<input type="radio" name="Quarter" id="q1" autocomplete="off" value="0" /></label>
<label class="btn btn-primary" for="q2">
<input type="radio" name="Quarter" id="q2" autocomplete="off" value="1" /></label>
<label class="btn btn-primary" for="q3">
<input type="radio" name="Quarter" id="q3" autocomplete="off" value="2" /></label>
</div>
JavaScript
$(document).ready(function () {
var currentYear = (new Date).getFullYear();
var currentMonth = (new Date).getMonth();
var currentQuarter = Math.floor(((currentMonth + 11) / 3) % 4) + 1;
if (currentMonth == 0 || currentMonth == 3 || currentMonth == 6 || currentMonth == 9) {
$('label[for=q1]').addClass("active");
} else if (currentMonth == 1 || currentMonth == 4 || currentMonth == 7 || currentMonth == 10) {
$('label[for=q2]').addClass("active");
} else if (currentMonth == 2 || currentMonth == 5 || currentMonth == 8 || currentMonth == 11) {
$('label[for=q3]').addClass("active");
}
if (currentQuarter == 1) {
$("#q1").val('0');
$('label[for=q1]').append('January');
$("#q2").val('1');
$('label[for=q2]').append('February');
$("#q3").val('2');
$('label[for=q3]').append('March');
} else if (currentQuarter == 2) {
$("#q1").val('3');
$('label[for=q1]').append('April');
$("#q2").val('4');
$('label[for=q2]').append('May');
$("#q3").val('5');
$('label[for=q3]').append('June');
} else if (currentQuarter == 3) {
$("#q1").val('6');
$('label[for=q1]').append('July');
$("#q2").val('7');
$('label[for=q2]').append('August');
$("#q3").val('8');
$('label[for=q3]').append('September');
} else if (currentQuarter == 4) {
$("#q1").val('9');
$('label[for=q1]').append('October');
$("#q2").val('10');
$('label[for=q2]').append('November');
$("#q3").val('11');
$('label[for=q3]').append('December');
}
});