persiandate-picker
Version:
Jalali Calendar Date picker
270 lines (229 loc) • 9.25 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: monthgrid.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: monthgrid.js</h1>
<section>
<article>
<pre class="prettyprint source"><code>/**
* @desc Instantiate in {@link ClassDatepicker}
* @class ClassMonthGrid
* @memberOf ClassDayPicker
* @type {{state: {year: null, month: null, date: null, firstWeekDayOfMonth: null, daysCount: null}, persianDigit: boolean, _formatDigit: _formatDigit, events: {init: init, render: render, reRender: reRender, selectDay: selectDay}, _markToday: _markToday, _updateState: _updateState, selectDate: selectDate, markSelectedDate: markSelectedDate, updateAs: updateAs, goToNextMonth: goToNextMonth, goToPrevMonth: goToPrevMonth, goToYear: goToYear, applyStory: applyStory}}
*/
var ClassMonthGrid = {
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc state
* @prop year
* @prop month
* @prop date
* @prop firstWeekDayOfMonth
* @prop daysCount
*/
state: {
year: null,
month: null,
date: null,
firstWeekDayOfMonth: null,
daysCount: null
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc perisnaDigit
*/
persianDigit: true,
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc _formatDigit
* @param digit
* @returns {*}
* @private
*/
_formatDigit: function (digit) {
if (this.persianDigit) {
return digit.toString().toPersianDigit();
}
else {
return digit;
}
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc evenets
* @prop init
* @prop render
* @prop reRender
* @prop selectDay
*/
events: {
init: function () {
},
render: function () {
this.state.month = this.month;
this.state.year = this.year;
},
reRender: function () {
this._markToday();
},
selectDay: function (x) {
}
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc _markToday
* @returns {Class_MonthGrid}
* @private
*/
_markToday: function () {
var self = this;
var todate = new persianDate();
$(self.element).removeClass(self.cssClass.today);
$.each(self.daysList, function (index, value) {
var htmlItemDay = $(this).data().day;
var htmlItemMonth = $(this).data().month;
var htmlItemYear = $(this).data().year;
if (htmlItemDay == todate.date() && htmlItemMonth == todate.month() && htmlItemYear == todate.year()) {
$(this).addClass(self.cssClass.today);
$(self.element).addClass(self.cssClass.today);
}
});
return this;
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc _updateState
* @returns {Class_MonthGrid}
* @private
* @todo : must remove
*/
_updateState: function () {
var self = this;
var t = new persianDate();
self.daysCount = t.daysInMonth(self.state.year, self.state.month);
self.firstWeekDayOfMonth = t.getFirstWeekDayOfMonth(self.state.year, self.state.month);
return this;
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc selectDate
* @param unixDate
* @returns {Class_MonthGrid}
*/
selectDate: function (unixDate) {
var self = this, reRenderFlag;
var sDate = new persianDate(unixDate);
if (self.state.year == sDate.year() && self.state.month == sDate.month()) {
reRenderFlag = false;
} else {
reRenderFlag = true;
}
self.state.year = sDate.year();
self.state.month = sDate.month();
self.state.date = sDate.date();
if (reRenderFlag) {
self.view.renderDays(self);
}
self.markSelectedDate(unixDate);
return this;
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc markSelectedDate
* @param unixDate
*/
markSelectedDate: function (unixDate) {
var self = this;
$.each(self.daysList, function (index, value) {
var viewItemUnix = parseInt($(value).attr("unixDate"));
if (self.isSameDay(viewItemUnix, unixDate)) {
$(this).addClass(self.cssClass.selected);
} else {
$(this).removeClass(self.cssClass.selected);
}
});
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc updateAs
* @param year
* @param month
* @returns {Class_MonthGrid}
*/
updateAs: function (year, month) {
var self = this;
self.state.year = year;
self.state.month = month;
self.view.renderDays(self);
return this;
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc goToNextMonth
* @returns {boolean}
*/
goToNextMonth: function () {
var self = this;
if (self.state.month === 12) {
self.state.month = 1;
self.state.viewYear += 1;
} else {
self.state.month += 1;
}
self.updateAs(self.state.year, self.state.month)
return false;
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc goTOPrevMonth
*/
goToPrevMonth: function () {
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc goToYear
* @param year
*/
goToYear: function (year) {
this.updateAs(year, this.state.month);
},
/**
* @memberOf ClassDayPicker.ClassMonthGrid
* @desc applyStory
*/
applyStory: function () {
//this.view.applyStory(this);
}
};
MonthGrid = function (options) {
// Change !!
//this.pcal = options.parent.pcal;
inherit(this, [ClassSprite, ViewsMonthGrid, ClassDateRange, ClassMonthGrid, options]);
return this;
}
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Index</a></h2><h3>Classes</h3><ul><li><a href="ClassBase.html">ClassBase</a></li><li><a href="ClassDatepicker.html">ClassDatepicker</a></li><li><a href="ClassDatepicker.ClassCompat.html">ClassCompat</a></li><li><a href="ClassDatepicker.ClassConfig.html">ClassConfig</a></li><li><a href="ClassDatepicker.ViewsDatePicker.html">ViewsDatePicker</a></li><li><a href="ClassDatepickerState.html">ClassDatepickerState</a></li><li><a href="ClassDayPicker.html">ClassDayPicker</a></li><li><a href="ClassDayPicker.ClassMonthGrid.html">ClassMonthGrid</a></li><li><a href="ClassMonthGrid.ViewsMonthGrid.html">ViewsMonthGrid</a></li><li><a href="ClassMonthPicker.html">ClassMonthPicker</a></li><li><a href="ClassNavigator.html">ClassNavigator</a></li><li><a href="ClassSprite.html">ClassSprite</a></li><li><a href="ClassTimePicker.html">ClassTimePicker</a></li><li><a href="ClassToolbox.html">ClassToolbox</a></li><li><a href="ClassYearPicker.html">ClassYearPicker</a></li><li><a href="TEMPLATE.html">TEMPLATE</a></li></ul><h3>Events</h3><ul><li><a href="ClassDatepicker.ClassConfig.html#.event:onHide">onHide</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onSelect">onSelect</a></li><li><a href="ClassDatepicker.ClassConfig.html#.event:onShow">onShow</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onNext">onNext</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onPrev">onPrev</a></li><li><a href="ClassDatepicker.ClassConfig.html#.navigator#.event:onSwitch">onSwitch</a></li><li><a href="ClassDatepicker.html#.event:selectDate">selectDate</a></li><li><a href="ClassDatepicker.html#.event:selectDateTime">selectDateTime</a></li><li><a href="ClassDatepicker.html#.event:selectTime">selectTime</a></li></ul><h3>Global</h3><ul><li><a href="global.html#ClassDateRange">ClassDateRange</a></li><li><a href="global.html#delay">delay</a></li><li><a href="global.html#inherit">inherit</a></li><li><a href="global.html#log">log</a></li><li><a href="global.html#range">range</a></li></ul>
</nav>
<br clear="both">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> on Sun Aug 07 2016 12:06:04 GMT+0430 (Iran Daylight Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>