Имеется скрипт для облегчения ввода даты в форму. Но там дни без ведущего нуля "1.01.2013", "2.04.2013". Для работы с базой мне нужен формат даты с ведущим нулём - "01.01.2013", "02.04.2013". Подскажите пожалуйста, что здесь можно изменить. (Где поставить точки и зменить названия месяцев на цифры я нашёл). Нашёл и пример на вашем сайте - в задачах.
var dd = date.getDate();
if (dd<10) dd= '0'+dd;
Но где изменить этот здоровенный скрипт - не догоняю.
Извините, скрипт большой, но какую часть его изменять - не знаю. Поэтому выложу весь.
DateInput = (function($) {
function DateInput(el, opts) {
if (typeof(opts) != "object") opts = {};
$.extend(this, DateInput.DEFAULT_OPTS, opts);
this.input = $(el);
this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "keydownHandler", "selectDate");
this.build();
this.selectDate();
this.hide();
};
DateInput.DEFAULT_OPTS = {
month_names: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
short_month_names: ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"],
short_day_names: ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"],
start_of_week: 1
};
DateInput.prototype = {
build: function() {
var monthNav = $('<p class="month_nav">' +
'<span class="button prev" title="[Page-Up]">«</span>' +
' <span class="month_name"></span> ' +
'<span class="button next" title="[Page-Down]">»</span>' +
'</p>');
this.monthNameSpan = $(".month_name", monthNav);
$(".prev", monthNav).click(this.bindToObj(function() { this.moveMonthBy(-1); }));
$(".next", monthNav).click(this.bindToObj(function() { this.moveMonthBy(1); }));
var yearNav = $('<p class="year_nav">' +
'<span class="button prev" title="[Ctrl+Page-Up]">«</span>' +
' <span class="year_name"></span> ' +
'<span class="button next" title="[Ctrl+Page-Down]">»</span>' +
'</p>');
this.yearNameSpan = $(".year_name", yearNav);
$(".prev", yearNav).click(this.bindToObj(function() { this.moveMonthBy(-12); }));
$(".next", yearNav).click(this.bindToObj(function() { this.moveMonthBy(12); }));
var nav = $('<div class="nav"></div>').append(monthNav, yearNav);
var tableShell = "<table><thead><tr>";
$(this.adjustDays(this.short_day_names)).each(function() {
tableShell += "<th>" + this + "</th>";
});
tableShell += "</tr></thead><tbody></tbody></table>";
this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>').append(nav, tableShell).insertAfter(this.input);
if ($.browser.msie && $.browser.version < 7) {
this.ieframe = $('<iframe class="date_selector_ieframe" frameborder="0" src="#"></iframe>').insertBefore(this.dateSelector);
this.rootLayers = this.rootLayers.add(this.ieframe);
$(".button", nav).mouseover(function() { $(this).addClass("hover") });
$(".button", nav).mouseout(function() { $(this).removeClass("hover") });
};
this.tbody = $("tbody", this.dateSelector);
this.input.change(this.bindToObj(function() { this.selectDate(); }));
this.selectDate();
},
selectMonth: function(date) {
var newMonth = new Date(date.getFullYear(), date.getMonth(), 1);
if (!this.currentMonth || !(this.currentMonth.getFullYear() == newMonth.getFullYear() &&
this.currentMonth.getMonth() == newMonth.getMonth())) {
this.currentMonth = newMonth;
var rangeStart = this.rangeStart(date), rangeEnd = this.rangeEnd(date);
var numDays = this.daysBetween(rangeStart, rangeEnd);
var dayCells = "";
for (var i = 0; i <= numDays; i++) {
var currentDay = new Date(rangeStart.getFullYear(), rangeStart.getMonth(), rangeStart.getDate() + i, 12, 00);
if (this.isFirstDayOfWeek(currentDay)) dayCells += "<tr>";
if (currentDay.getMonth() == date.getMonth()) {
dayCells += '<td class="selectable_day" date="' + this.dateToString(currentDay) + '">' + currentDay.getDate() + '</td>';
} else {
dayCells += '<td class="unselected_month" date="' + this.dateToString(currentDay) + '">' + currentDay.getDate() + '</td>';
};
if (this.isLastDayOfWeek(currentDay)) dayCells += "</tr>";
};
this.tbody.empty().append(dayCells);
this.monthNameSpan.empty().append(this.monthName(date));
this.yearNameSpan.empty().append(this.currentMonth.getFullYear());
$(".selectable_day", this.tbody).click(this.bindToObj(function(event) {
this.changeInput($(event.target).attr("date"));
}));
$("td[date=" + this.dateToString(new Date()) + "]", this.tbody).addClass("today");
$("td.selectable_day", this.tbody).mouseover(function() { $(this).addClass("hover") });
$("td.selectable_day", this.tbody).mouseout(function() { $(this).removeClass("hover") });
};
$('.selected', this.tbody).removeClass("selected");
$('td[date=' + this.selectedDateString + ']', this.tbody).addClass("selected");
},
selectDate: function(date) {
if (typeof(date) == "undefined") {
date = this.stringToDate(this.input.val());
};
if (!date) date = new Date();
this.selectedDate = date;
this.selectedDateString = this.dateToString(this.selectedDate);
this.selectMonth(this.selectedDate);
},
changeInput: function(dateString) {
this.input.val(dateString).change();
this.hide();
},
show: function() {
this.rootLayers.css("display", "block");
$([window, document.body]).click(this.hideIfClickOutside);
this.input.unbind("focus", this.show);
$(document.body).keydown(this.keydownHandler);
this.setPosition();
},
hide: function() {
this.rootLayers.css("display", "none");
$([window, document.body]).unbind("click", this.hideIfClickOutside);
this.input.focus(this.show);
$(document.body).unbind("keydown", this.keydownHandler);
},
hideIfClickOutside: function(event) {
if (event.target != this.input[0] && !this.insideSelector(event)) {
this.hide();
};
},
insideSelector: function(event) {
var offset = this.dateSelector.position();
offset.right = offset.left + this.dateSelector.outerWidth();
offset.bottom = offset.top + this.dateSelector.outerHeight();
return event.pageY < offset.bottom &&
event.pageY > offset.top &&
event.pageX < offset.right &&
event.pageX > offset.left;
},
keydownHandler: function(event) {
switch (event.keyCode)
{
case 9:
case 27:
this.hide();
return;
break;
case 13:
this.changeInput(this.selectedDateString);
break;
case 33:
this.moveDateMonthBy(event.ctrlKey ? -12 : -1);
break;
case 34:
this.moveDateMonthBy(event.ctrlKey ? 12 : 1);
break;
case 38:
this.moveDateBy(-7);
break;
case 40:
this.moveDateBy(7);
break;
case 37:
this.moveDateBy(-1);
break;
case 39:
this.moveDateBy(1);
break;
default:
return;
}
event.preventDefault();
},