\n {{#navigator.enabled}}\n
\n
{{navigator.text.btnNextText}}
\n
{{navigator.switch.text}}
\n
{{navigator.text.btnPrevText}}
\n
\n {{/navigator.enabled}}\n
\n {{#days.enabled}}\n {{#days.viewMode}}\n
\n
\n \n
\n \n {{#days.list}}\n \n \n {{#.}}\n {{#enabled}}\n | \n {{title}}\n {{#altCalendarShowHint}}\n {{alterCalTitle}}\n {{/altCalendarShowHint}}\n | \n {{/enabled}}\n {{^enabled}}\n \n {{title}}\n {{#altCalendarShowHint}}\n {{alterCalTitle}}\n {{/altCalendarShowHint}}\n | \n {{/enabled}}\n \n {{/.}}\n
\n {{/days.list}}\n \n
\n
\n
\n {{/days.viewMode}}\n {{/days.enabled}}\n \n {{#month.enabled}}\n {{#month.viewMode}}\n
\n {{#month.list}}\n {{#enabled}} \n
{{title}}
\n {{/enabled}}\n {{^enabled}} \n
{{title}}
\n {{/enabled}}\n {{/month.list}}\n
\n {{/month.viewMode}}\n {{/month.enabled}}\n \n {{#year.enabled }}\n {{#year.viewMode }}\n
\n {{#year.list}}\n {{#enabled}}\n
{{title}}
\n {{/enabled}}\n {{^enabled}}\n
{{title}}
\n {{/enabled}} \n {{/year.list}}\n
\n {{/year.viewMode }}\n {{/year.enabled }}\n \n
\n {{#time}}\n {{#enabled}}\n
\n {{#hour.enabled}}\n
\n
\n :\n
\n {{/hour.enabled}}\n {{#minute.enabled}}\n
\n
\n :\n
\n {{/minute.enabled}}\n {{#second.enabled}}\n
\n
\n
\n {{/second.enabled}}\n {{#meridian.enabled}}\n
\n {{/meridian.enabled}}\n
\n {{/enabled}}\n {{/time}}\n \n {{#toolbox}}\n {{#enabled}}\n
\n {{/enabled}}\n {{^enabled}}\n {{#onlyTimePicker}}\n
\n {{/onlyTimePicker}}\n {{/enabled}}\n {{/toolbox}}\n
with an ID defined by the
+ // global datePickerDivID variable. If such a div doesn't yet exist on the HTML
+ // document we're working with, add one.
+ if (!document.getElementById(datePickerDivID)) {
+ // don't use innerHTML to update the body, because it can cause global variables
+ // that are currently pointing to objects on the page to have bad references
+ //document.body.innerHTML += "
";
+ var newNode = document.createElement("div");
+ newNode.setAttribute("id", datePickerDivID);
+ newNode.setAttribute("class", "dpDiv");
+ newNode.setAttribute("style", "visibility: hidden;");
+ document.body.appendChild(newNode);
+ }
+
+ // move the datepicker div to the proper x,y coordinate and toggle the visiblity
+ var pickerDiv = document.getElementById(datePickerDivID);
+ pickerDiv.style.position = "absolute";
+ pickerDiv.style.left = x + "px";
+ pickerDiv.style.top = y + "px";
+ pickerDiv.style.visibility = (pickerDiv.style.visibility == "visible" ? "hidden" : "visible");
+ pickerDiv.style.display = (pickerDiv.style.display == "block" ? "none" : "block");
+ pickerDiv.style.zIndex = 10000000;
+
+ // draw the datepicker table
+ refreshDatePicker(targetDateField.id, dt[0], dt[1], dt[2]);
+}
+
+
+/**
+This is the function that actually draws the datepicker calendar.
+*/
+function refreshDatePicker(dateFieldName, year, month, day)
+{
+ // if no arguments are passed, use today's date; otherwise, month and year
+ // are required (if a day is passed, it will be highlighted later)
+ var thisDay = getTodayPersian();
+ var weekday = (thisDay[3] - thisDay[2] + 1)%7;
+ if(!day)
+ day =1;
+ if ((month >= 1) && (year > 0)) {
+ thisDay = calcPersian(year,month,1);
+ weekday = thisDay[3];
+ thisDay = new Array(year,month,day,weekday);
+ thisDay[2] = 1;
+ } else {
+ day = thisDay[2];
+ thisDay[2] = 1;
+ }
+
+ // the calendar will be drawn as a table
+ // you can customize the table elements with a global CSS style sheet,
+ // or by hardcoding style and formatting elements below
+ var crlf = "\r\n";
+ var TABLE = "
" + crlf;
+ var xTABLE = "
" + crlf;
+ var TR = "
";
+ var TR_title = "
";
+ var TR_days = "
";
+ var TR_todaybutton = "
";
+ var xTR = "
" + crlf;
+ var TD = "
//
+ html += TD_buttons + getButtonCodeYear(dateFieldName, thisDay, 1, ">>") + xTD ;// >> //
+ html += xTR;
+ html += " | "
+
+ // this is the row that indicates which day of the week we're on
+ html += TR_days;
+ var i;
+ for(i = 0; i < dayArrayShort.length; i++)
+ html += TD_days + dayArrayShort[i] + xTD;
+ html += xTR;
+
+ // now we'll start populating the table with days of the month
+ html += TR;
+
+ // first, the leading blanks
+ if(weekday != 6)
+ for (i = 0; i <= weekday; i++)
+ html += TD + " " + xTD;
+
+ // now, the days of the month
+ var len = 31;
+ if( thisDay[1] > 6)
+ len = 30;
+ if( thisDay[1] == 12 && !leap_persian(thisDay[0]))
+ len = 29;
+
+ for(var dayNum = thisDay[2]; dayNum <= len; dayNum++) {
+ TD_onclick = " onclick=\"updateDateField('" + dateFieldName + "', '" + getDateString(thisDay) + "');\">";
+
+ if (dayNum == day)
+ html += TD_selected + TD_onclick + DIV_selected + dayNum + xDIV + xTD;
+ else
+ html += TD + TD_onclick + dayNum + xTD;
+
+ // if this is a Friday, start a new row
+ if (weekday == 5)
+ html += xTR + TR;
+ weekday++;
+ weekday = weekday % 7;
+
+ // increment the day
+ thisDay[2]++;
+ }
+
+ // fill in any trailing blanks
+ if (weekday > 0) {
+ for (i = 6; i >weekday; i--)
+ html += TD + " " + xTD;
+ }
+ html += xTR;
+
+ // add a button to allow the user to easily return to today, or close the calendar
+ html += TR_todaybutton + TD_todaybutton;
+ var today = getTodayPersian();
+ html += "
";
+// html += "
";
+ html += "
";
+ html += xTD + xTR;
+
+ // and finally, close the table
+ html += xTABLE;
+
+ document.getElementById(datePickerDivID).innerHTML = html;
+ // add an "iFrame shim" to allow the datepicker to display above selection lists
+ adjustiFrame();
+}
+
+
+/**
+Convenience function for writing the code for the buttons that bring us back or forward
+a month.
+*/
+function getButtonCode(dateFieldName, dateVal, adjust, label)
+{
+ var newMonth = (dateVal[1] + adjust) % 12;
+ var newYear = dateVal[0] + parseInt((dateVal[1] + adjust) / 12);
+ if (newMonth < 1) {
+ newMonth += 12;
+ newYear += -1;
+ }
+
+ return "
";
+}
+
+function getButtonCodeYear(dateFieldName, dateVal, adjust, label)
+{
+ var newMonth = dateVal[1];
+ var newYear = (dateVal[0] + adjust);
+
+ return "
";
+}
+/**
+Convert a JavaScript Date object to a string, based on the dateFormat and dateSeparator
+variables at the beginning of this script library.
+*/
+function getDateString(dateVal)
+{
+ var dayString = "00" + dateVal[2];
+ var monthString = "00" + (dateVal[1]);
+ dayString = dayString.substring(dayString.length - 2);
+ monthString = monthString.substring(monthString.length - 2);
+
+ switch (dateFormat) {
+ case "dmy" :
+ return dayString + dateSeparator + monthString + dateSeparator + dateVal[0];
+ case "ymd" :
+ return dateVal[0] + dateSeparator + monthString + dateSeparator + dayString;
+ case "mdy" :
+ default :
+ return monthString + dateSeparator + dayString + dateSeparator + dateVal[0];
+ }
+}
+
+
+/**
+Convert a string to a JavaScript Date object.
+*/
+function getFieldDate(dateString)
+{
+ var dateVal;
+ var dArray;
+ var d, m, y;
+
+ try {
+ dArray = splitDateString(dateString);
+ if (dArray) {
+ switch (dateFormat) {
+ case "dmy" :
+ d = parseInt(dArray[0], 10);
+ m = parseInt(dArray[1], 10);
+ y = parseInt(dArray[2], 10);
+ break;
+ case "ymd" :
+ d = parseInt(dArray[2], 10);
+ m = parseInt(dArray[1], 10);
+ y = parseInt(dArray[0], 10);
+ break;
+ case "mdy" :
+ default :
+ d = parseInt(dArray[1], 10);
+ m = parseInt(dArray[0], 10);
+ y = parseInt(dArray[2], 10);
+ break;
+ }
+ dateVal = new Array(y, m, d);
+ } else if (dateString) {
+ dateVal = getTodayPersian();
+ } else {
+ dateVal = getTodayPersian();
+ }
+ } catch(e) {
+ dateVal = getTodayPersian();
+ }
+
+ return dateVal;
+}
+
+
+/**
+Try to split a date string into an array of elements, using common date separators.
+If the date is split, an array is returned; otherwise, we just return false.
+*/
+function splitDateString(dateString)
+{
+ var dArray;
+ if (dateString.indexOf("/") >= 0)
+ dArray = dateString.split("/");
+ else if (dateString.indexOf(".") >= 0)
+ dArray = dateString.split(".");
+ else if (dateString.indexOf("-") >= 0)
+ dArray = dateString.split("-");
+ else if (dateString.indexOf("\\") >= 0)
+ dArray = dateString.split("\\");
+ else
+ dArray = false;
+
+ return dArray;
+}
+
+/**
+Update the field with the given dateFieldName with the dateString that has been passed,
+and hide the datepicker. If no dateString is passed, just close the datepicker without
+changing the field value.
+
+Also, if the page developer has defined a function called datePickerClosed anywhere on
+the page or in an imported library, we will attempt to run that function with the updated
+field as a parameter. This can be used for such things as date validation, setting default
+values for related fields, etc. For example, you might have a function like this to validate
+a start date field:
+
+function datePickerClosed(dateField)
+{
+ var dateObj = getFieldDate(dateField.value);
+ var today = new Date();
+ today = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+
+ if (dateField.name == "StartDate") {
+ if (dateObj < today) {
+ // if the date is before today, alert the user and display the datepicker again
+ alert("Please enter a date that is today or later");
+ dateField.value = "";
+ document.getElementById(datePickerDivID).style.visibility = "visible";
+ adjustiFrame();
+ } else {
+ // if the date is okay, set the EndDate field to 7 days after the StartDate
+ dateObj.setTime(dateObj.getTime() + (7 * 24 * 60 * 60 * 1000));
+ var endDateField = document.getElementsByName ("EndDate").item(0);
+ endDateField.value = getDateString(dateObj);
+ }
+ }
+}
+
+*/
+function updateDateField(dateFieldName, dateString)
+{
+ var targetDateField = document.getElementById(dateFieldName);
+ if (dateString)
+ targetDateField.value = dateString;
+
+ var pickerDiv = document.getElementById(datePickerDivID);
+ pickerDiv.style.visibility = "hidden";
+ pickerDiv.style.display = "none";
+
+ adjustiFrame();
+ targetDateField.focus();
+
+ // after the datepicker has closed, optionally run a user-defined function called
+ // datePickerClosed, passing the field that was just updated as a parameter
+ // (note that this will only run if the user actually selected a date from the datepicker)
+ if ((dateString) && (typeof(datePickerClosed) == "function"))
+ datePickerClosed(targetDateField);
+}
+
+
+/**
+Use an "iFrame shim" to deal with problems where the datepicker shows up behind
+selection list elements, if they're below the datepicker. The problem and solution are
+described at:
+
+http://dotnetjunkies.com/WebLog/jking/archive/2003/07/21/488.aspx
+http://dotnetjunkies.com/WebLog/jking/archive/2003/10/30/2975.aspx
+*/
+function adjustiFrame(pickerDiv, iFrameDiv)
+{
+ // we know that Opera doesn't like something about this, so if we
+ // think we're using Opera, don't even try
+ var is_opera = (navigator.userAgent.toLowerCase().indexOf("opera") != -1);
+ if (is_opera)
+ return;
+
+ // put a try/catch block around the whole thing, just in case
+ try {
+ if (!document.getElementById(iFrameDivID)) {
+ // don't use innerHTML to update the body, because it can cause global variables
+ // that are currently pointing to objects on the page to have bad references
+ //document.body.innerHTML += "