You are here: Foswiki>Tasks Web>Item2214 (12 Dec 2017, GeorgeClark)Edit Attach

Item2214: JSCalendarContribInline conflicts with EditTablePlugin date format

Priority: Normal
Current State: Needs Developer
Released In: n/a
Target Release: n/a
Applies To: Extension
Component: EditTablePlugin
Reported By: VickiBrown
Waiting For:
Last Change By: GeorgeClark
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"}%

<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')" />

<td align="center">
  <input type="submit" value="Create Page" />



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


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, TwistyPlugin, WysiwygPlugin

ItemTemplate edit

Summary JSCalendarContribInline conflicts with EditTablePlugin date format
ReportedBy VickiBrown
Codebase 1.0.7
SVN Range Foswiki-1.0.7, Sun, 20 Sep 2009, build 5061
AppliesTo Extension
Component EditTablePlugin
Priority Normal
CurrentState Needs Developer
TargetRelease n/a
ReleasedIn n/a
Topic revision: r3 - 12 Dec 2017, GeorgeClark
The copyright of the content on this website is held by the contributing authors, except where stated elsewhere. See Copyright Statement. Creative Commons License    Legal Imprint    Privacy Policy