Scusate ma ho un altro problema per quanto riguarda l'inserimento di una data da un form.
Ho scaricato uno script da html.it ma non funziona tanto bene in quanto mi visualizza il calendario in basso.
Vi posto il codice e spero che qualcuno possa aiutarmi.
Vi ringrazio
Codice PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Inserimento data,ora e luogo</title>
<script type="text/javascript" src="calendar.js"></script>
<script type="text/javascript" src="calendar-it.js"></script>

<script type="text/javascript">

var oldLink = null;
function setActiveStyleSheet(link, title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
  if (oldLink) oldLink.style.fontWeight = 'normal';
  oldLink = link;
  link.style.fontWeight = 'bold';
  return false;
}

// This function gets called when the end-user clicks on some date.
function selected(cal, date) {
  cal.sel.value = date; // just update the date in the input field.
  if (cal.dateClicked && (cal.sel.id == "sel1" || cal.sel.id == "sel2" || cal.sel.id == "sel3"))
    cal.callCloseHandler();
}

function closeHandler(cal) {
  cal.hide();                        // hide the calendar
//  cal.destroy();
  _dynarch_popupCalendar = null;
}

function showCalendar(id, format, showsTime, showsOtherMonths) {
  var el = document.getElementById(id);
  if (_dynarch_popupCalendar != null) {
    // we already have some calendar created
    _dynarch_popupCalendar.hide();                 // so we hide it first.
  } else {
    // first-time call, create the calendar.
    var cal = new Calendar(1, null, selected, closeHandler);
    // uncomment the following line to hide the week numbers
    // cal.weekNumbers = false;
    if (typeof showsTime == "string") {
      cal.showsTime = true;
      cal.time24 = (showsTime == "24");
    }
    if (showsOtherMonths) {
      cal.showsOtherMonths = true;
    }
    _dynarch_popupCalendar = cal;                  // remember it in the global var
    cal.setRange(1900, 2070);        // min/max year allowed.
    cal.create();
  }
  _dynarch_popupCalendar.setDateFormat(format);    // set the specified date format
  _dynarch_popupCalendar.parseDate(el.value);      // try to parse the text in field
  _dynarch_popupCalendar.sel = el;                 // inform it what input field we use

  _dynarch_popupCalendar.showAtElement(el.nextSibling, "Br");        // show the calendar

  return false;
}

var MINUTE = 60 * 1000;
var HOUR = 60 * MINUTE;
var DAY = 24 * HOUR;
var WEEK = 7 * DAY;

function isDisabled(date) {
  var today = new Date();
  return (Math.abs(date.getTime() - today.getTime()) / DAY) > 10;
}

function flatSelected(cal, date) {
  var el = document.getElementById("preview");
  el.innerHTML = date;
}

function showFlatCalendar() {
  var parent = document.getElementById("display");

  var cal = new Calendar(0, null, flatSelected);

  cal.weekNumbers = false;

  cal.setDisabledHandler(isDisabled);
  cal.setDateFormat("%A, %B %e");

  cal.create(parent);

  cal.show();
}
</script>

</head>

<body>

<form name="form1" action="#" >
<table width="511" border="0" cellpadding="0" cellspacing="0">
  
  <tr>
    <td width="30" height="71"></td>
    <td width="21"></td>
    <td width="99"></td>
    <td width="64"></td>
    <td width="101"></td>
    <td width="12"></td>
    <td width="20"></td>
    <td width="55"></td>
    <td width="83"></td>
    <td width="26"></td>
  </tr>
  <tr>
    <td height="20" colspan="5" valign="top">Inserimento data,ora e luogo dell'evento </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="19"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="46"></td>
    <td colspan="2"> <div align="center"> 

Data:</p> 
      <input type="text" name="date3" id="sel3" size="10">     
       <input type="reset" value=" ... " onclick="return showCalendar('sel3', '%d/%m/%Y');"> 
       </div>
       </td>
    <td></td>
  </tr>
  <tr>
    <td height="76"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  
  
  
  
  
  <tr>
    <td height="22"></td>
    <td></td>
    <td colspan="4" rowspan="2" valign="top"><label>
      <textarea name="textarea"onKeyDown="countAreaChars(this.form.feedback,this.form.leftChars,400);"
        onKeyUp="countAreaChars(this.form.textarea,this.form.leftChars,400);"></textarea>
    </label></td>
    <td></td>
    <td valign="top"><input type="text" name=leftChars readonly size=3 maxlength=3 value="400"> </td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="30"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="14"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  
  
  <tr>
    <td height="24"></td>
    <td></td>
    <td valign="top"><label>
      <input type="submit" name="Submit" value="Conferma" />
    </label></td>
    <td></td>
    <td valign="top"><label>
      <input type="submit" name="Submit2" value="Annulla" />
    </label></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="77"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</form>
</html>