Item2214: JSCalendarContribInline conflicts with EditTablePlugin date format

If I have both an Editable table with date format columns AND an HTML form that uses a datepicker field created by JSCalendarContribInline, the inclusion of JSCalendarContribInline in the page causes the EDITTABLE date pickers to fail.

Failure mode:

• selecting a date in a table field does nothing
• if you click < or > to move to a previous or later month, the 1st of that month is chosen
• you can then edit the date pasted into the field to change the date number

Example Code

%EDITTABLE{ format="|row, -1|text, 20|date, 7|date, 7|date, 7|select,1,New,Open,Complete,Pending,On Hold|textarea, 3x50|textarea, 3x50|" }%
| *Item No* | *Owner* | *Date Assigned* | *Orig. Date* | *Actual Date* | *Status* | *Action Item / Desired outcome* | *Results / Next Step* |

<!-- 
   * Set YEARMO = %SERVERTIME{"$year$mo"}%
-->
<!-- JSCALENDAR -->
%INCLUDE{"%SYSTEMWEB%/JSCalendarContribInline"}%


<form action="%SCRIPTURLPATH%/save%SCRIPTSUFFIX%/%WEB%/"> 
<input type="hidden" value="Notes%YEARMO%rXXXXXXXXXX" name="topic" />
<input type="hidden" value="%TOPIC%" name="topicparent" />

<div class="twikiForm twikiEditForm">
<table class="twikiFormTable">

<tr><th bgcolor="#99CCCC" align="right"><span title="Date">Date</span></th>
<td align="left">
<input type="text" name="MeetingDate"  size="20" id="datecell" class="twikiEditFormTextField" />
<input type="image" src="%PUBURL%/%TWIKIWEB%/JSCalendarContrib/img.gif"  alt="Calendar" onclick="javascript: return showCalendar('datecell','%e %B %Y')" />
<br>
</td></tr>

<tr><td>&nbsp;</td>
<td align="center">
  <input type="submit" value="Create Page" />
</td></tr>

</table>
</div> 

</form>

Try It

1. Add a row to the table.
   • try to pick a date for any of the date columns
2. Pick a date in the second form

Item No	Owner	Date Assigned	Orig. Date	Actual Date	Status	Action Item / Desired outcome	Results / Next Step
1					New

Date

---

It appears that EditTablePlugin uses JSCalendarContrib to handle the date picker. EditTable imports

* /pub/TWiki/JSCalendarContrib/calendar.js * /pub/TWiki/JSCalendarContrib/lang/calendar-en.js * /pub/TWiki/JSCalendarContrib/foswiki.js

JSCalendarContribInline imports these as well as

* /pub/TWiki/JSCalendarContrib/calendar-setup.js

-- VickiBrown - 06 Oct 2009

ACTIVATEDPLUGINS: System.SpreadSheetPlugin, SlideShowPlugin, AntiWikiSpamPlugin, AutoViewTemplatePlugin, CaptchaPlugin, CommentPlugin, CompareRevisionsAddonPlugin, ConfigurePlugin, ControlWikiWordPlugin, EditRowPlugin, ExternalLinkPlugin, FilterPlugin, FindElsewherePlugin, FoswikiOrgPlugin, FoswikirefsPlugin, HistoryPlugin, HttpsRedirectPlugin, ImagePlugin, InterwikiPlugin, JQueryPlugin, MailerContribPlugin, MultiTopicSavePlugin, NatEditPlugin, PreferencesPlugin, RedirectPlugin, RenderListPlugin, SmiliesPlugin, SubscribePlugin, TablePlugin, TinyMCEPlugin, TrashPlugin, TwistyPlugin, WysiwygPlugin