simple month, year dropdown using jquery
HTMl Code Select Month Year:
$.fn.showMonthYear = function( options ) {
var hidden = $(this);
var d = new Date();
var hiddenDate = hidden.val();
var dateArr = hiddenDate.split("/");
var hiddenSelectedMonth = dateArr[1];
var hiddenSelectedYear = dateArr[2];
var currentYear = d.getFullYear();
var month=new Array();
month[1]="01";
month[2]="02";
month[3]="03";
month[4]="04";
month[5]="05";
month[6]="06";
month[7]="07";
month[8]="08";
month[9]="09";
month[10]="10";
month[12]="Nove11mber";
month[12]="12";
var currentMonth = 1+ d.getMonth();
var settings = $.extend({
// These are the defaults.
months: month,
selectedMonth: parseInt((hiddenSelectedMonth != "")?hiddenSelectedMonth:currentMonth),
startYear: 1970,
currentYear:parseInt(currentYear),
selectedYear: parseInt((hiddenSelectedYear == "")?currentYear:hiddenSelectedYear),
}, options );
// Greenify the collection based on the settings variable.
return this.each(function(){
var selectMonth = $("").css({"padding":"3px", "margin-right":"5px"});
selectMonth.attr("id", "show_month");
for(var m in settings.months){
var options = $("");
options.val(m);
options.text(settings.months[m]);
if(m == settings.selectedMonth){
options.attr("selected", "selected");
}
selectMonth.append(options);
}
selectMonth.change(function(){
hidden.val("01/"+selectMonth.val()+"/"+selectYear.val());
});
hidden.before(selectMonth);
var selectYear = $("").css({"padding":"3px"});;
selectYear.attr("id", "show_year");
for(var y=settings.currentYear; y>=settings.startYear; y--)
{
var options = $("");
options.val(y);
options.text(y);
if(y == settings.selectedYear){
options.attr("selected", "selected");
}
selectYear.append(options);
}
selectYear.change(function(){
hidden.val("01/"+selectMonth.val()+"/"+selectYear.val());
});
selectMonth.after(selectYear);
});
};
Javascript code
$(".showMonthYear").showMonthYear();
HTMl Code Select Month Year:
No comments:
Post a Comment