jingrow/air-datepicker
1
0
Fork 0
mirror of https://github.com/frappe/air-datepicker.git synced 2026-01-14 11:01:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

add i18n.js and day names rendering

Browse Source
This commit is contained in:
t1m0n 2015-10-02 15:34:43 +03:00
parent 118b7d4c5a
commit 88a97bbb95
5 changed files with 88 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
dist/js/datepicker.js vendored
View File

@ -10,6 +10,8 @@ var Datepicker;
'</div>',
defaults = {
inline: true,
region: 'ru',
firstDay: 1,
start: '',
format: 'dd.mm.yyyy'
};
@ -26,6 +28,8 @@ var Datepicker;
this._buildDatepickersContainer();
}
this.loc = Datepicker.region[this.opts.region];
if ($body == undefined) {
$body = $('body');
}
@ -33,6 +37,18 @@ var Datepicker;
this.init()
};
Datepicker.getDaysCount = function (date) {
return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
};
Datepicker.getParsedDate = function (date) {
return {
year: date.getUTCFullYear(),
month: date.getUTCMonth(),
day: date.getUTCDay()
}
};
Datepicker.prototype = {
containerBuilt: false,
init: function () {
@ -83,6 +99,14 @@ var Datepicker;
};
})(window, jQuery, '');
;(function () {
Datepicker.region = {
'ru': {
days: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб']
}
}
})();
Datepicker.Cell = function () {
};
@ -110,26 +134,34 @@ Datepicker.Cell = function () {
this._render();
},
_getCellsNumber: function () {
var d = this.viewDate;
return {
days: new Date(d.getFullYear(), d.getMonth()+1, 0).getDate(),
months: 12,
years: 10
}
},
_buildBaseHtml: function () {
this.$el = $(templates[this.type]).appendTo(this.d.$content);
this.$names = $('.datepicker--days--names', this.$el);
this.$cells = $('.datepicker--days--cells', this.$el);
},
_render: function () {
var cells = this._getCellsNumber();
_getDayNamesHtml: function (firstDay, curDay, html, circle) {
curDay = curDay != undefined ? curDay : firstDay;
html = html ? html : '';
if (curDay == firstDay && circle) return html;
if (curDay == 7) return this._getDayNamesHtml(firstDay, 0, html, true);
html += '<div class="datepicker--days--name">' + this.d.loc.days[curDay] + '</div>';
return this._getDayNamesHtml(firstDay, ++curDay, html, circle);
},
_renderDays: function () {
var count = Datepicker.getDaysCount(this.viewDate),
dayNames = this._getDayNamesHtml(this.opts.firstDay),
firstDayIndex = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth(), 1).getDay();
this.$names.html(dayNames)
},
_render: function () {
this._buildBaseHtml();
this._renderDays();
}
};
})();

2
gulpfile.js
View File

@ -6,7 +6,7 @@ var gulp = require('gulp'),
concat = require('gulp-concat');
gulp.task('js', function () {
gulp.src(['js/datepicker/datepicker.js', 'js/datepicker/cell.js', 'js/datepicker/body.js'])
gulp.src(['js/datepicker/datepicker.js', 'js/datepicker/i18n.js', 'js/datepicker/cell.js', 'js/datepicker/body.js'])
.pipe(concat('datepicker.js'))
.pipe(gulp.dest('dist/js/'))
.pipe(livereload())

32
js/datepicker/body.js
View File

@ -22,26 +22,34 @@
this._render();
},
_getCellsNumber: function () {
var d = this.viewDate;
return {
days: new Date(d.getFullYear(), d.getMonth()+1, 0).getDate(),
months: 12,
years: 10
}
},
_buildBaseHtml: function () {
this.$el = $(templates[this.type]).appendTo(this.d.$content);
this.$names = $('.datepicker--days--names', this.$el);
this.$cells = $('.datepicker--days--cells', this.$el);
},
_render: function () {
var cells = this._getCellsNumber();
_getDayNamesHtml: function (firstDay, curDay, html, circle) {
curDay = curDay != undefined ? curDay : firstDay;
html = html ? html : '';
if (curDay == firstDay && circle) return html;
if (curDay == 7) return this._getDayNamesHtml(firstDay, 0, html, true);
html += '<div class="datepicker--days--name">' + this.d.loc.days[curDay] + '</div>';
return this._getDayNamesHtml(firstDay, ++curDay, html, circle);
},
_renderDays: function () {
var count = Datepicker.getDaysCount(this.viewDate),
dayNames = this._getDayNamesHtml(this.opts.firstDay),
firstDayIndex = new Date(this.viewDate.getFullYear(), this.viewDate.getMonth(), 1).getDay();
this.$names.html(dayNames)
},
_render: function () {
this._buildBaseHtml();
this._renderDays();
}
};
})();

16
js/datepicker/datepicker.js
View File

@ -10,6 +10,8 @@ var Datepicker;
'</div>',
defaults = {
inline: true,
region: 'ru',
firstDay: 1,
start: '',
format: 'dd.mm.yyyy'
};
@ -26,6 +28,8 @@ var Datepicker;
this._buildDatepickersContainer();
}
this.loc = Datepicker.region[this.opts.region];
if ($body == undefined) {
$body = $('body');
}
@ -33,6 +37,18 @@ var Datepicker;
this.init()
};
Datepicker.getDaysCount = function (date) {
return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
};
Datepicker.getParsedDate = function (date) {
return {
year: date.getUTCFullYear(),
month: date.getUTCMonth(),
day: date.getUTCDay()
}
};
Datepicker.prototype = {
containerBuilt: false,
init: function () {

7
js/datepicker/i18n.js Normal file
View File

@ -0,0 +1,7 @@
;(function () {
Datepicker.region = {
'ru': {
days: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб']
}
}
})();