Demo (jquery.szCalendar.js)

$("#mydate").szCalendar(); <input type="text" id="mydate" size="12" maxlength="10">



$("#mydate2").szCalendar({separator:".",skin:"purple",useImgIcon:true,useRndCellStartPosition:false}); <input type="text" id="mydate2" size="12" maxlength="10">



$("#mydate3").szCalendar({skin:"sky"}); <input type="text" id="mydate3" size="12" maxlength="10" data-cfg='{"otherTargets":["#mydate","#mydate2"]}'>