Quick question, why does my reference to weekdays inside change_date() give weekdays is undefined error in Firebug?
I also tried this.weekdays, same.
How do I correct this?
var timesheet_common = {
weekdays : ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],
change_date: function() {
$('#text_input').val( weekdays[(new Date()).getDay()] );
}
};
Use this.weekdays because it's an object.
Edit: I tried with this and it worked for me.
var timesheet_common = { weekdays : ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],change_date: function() {console.log(this.weekdays);}};timesheet_common.change_date();undefined? Hmm, that sounds like there's something wrong with your Firebug then :) The function context of the anonymous function assigned to the change_date property in the given code is the object literal to which the property belongs. What does it say if you replace this.weekdays with this?
In JavaScript the function is not associated with its model. You might do sth like this:
var timesheet_common = (function(){
var weekdays = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
var change_date = function() {
$('#text_input').val( weekdays[(new Date()).getDay()] );
};
return { weekdays: weekdays, change_date: change_date }
})();
There are two problems with your code:
Inside change_date() you should refer to weekdays as this.weekdays, because they're both defined in the same object.
When you use change_date() as a click handler, you must use $.proxy(timesheet_common, 'change_date') instead; doing this makes sure change_date() is called within the context of timesheet_common rather than the clicked element.
function TimesheetCommon(){
this.weekdays = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];
}
TimesheetCommon.prototype.change_date = function(){
$('#text_input').val( this.weekdays[(new Date()).getDay()] );
}
var timesheet_common = new TimesheetCommon();
new on TimesheetCommon? which part of that code turned TimesheetCommon into an object that is new-able?
weekdays. Only theweekdaysinside the function should bethis.weekdays.$('#selected_date').datepicker({'onSelect':this.change_date});this.change_dateworks, butthis.weekdaysdoesn't.$('#text_input').val( this.weekdays[(new Date()).getDay()] );