Date Picker Widget does not work on template spawned (copied) pages

Question

Hi,
I am trying to set up a PDF document form for a client using Adobe Acrobat Pro XI.  I have several date fields where I am wanting to use the Form Router Date Picker Widget (which has been downloaded and installed).  This works perfectly fine when it is just one page.  However, I am using a template with a script that creates a copy of the first page activated from a button -- ideally to allow users to create however many pages they want before submitting everything.  The code from the button is as follows:
var myTemplateArray = this.templates;
var myTemplate = myTemplateArray[0];
myTemplate.spawn(this.numPages, true, false);
// Get the field name prefix that Acrobat automatically adds to the new fields
var f_prefix = "P" + (this.numPages - 1) + ".cvcIntake";
// Reset the newly created fields
this.resetForm([f_prefix]);
// Go to the new page
this.pageNum = this.numPages-1;
The problem begins when a new page is added.  If I try to click on the date picker on the second page, it shows up on the first page next to the same field that was copied.  And if a date is selected it is entered into the field on the first page.
In looking into what is going wrong I found several things.  First, the naming aspect on the copied page is creating all of the calendar objects with the prefix "P1.cvcIntake.fld" ("fld" is the prefix of the form fields on the first page).  Second, going to the properties of the date picker object, its name has been changed to "P1.cvcIntake.FR_00000_CALENDARBUTTON_fld.Start_Date" and that action code is:
FormRouter_PlaceCalendar(getField("fld.Start_Date"), 3, "yyyy-mm-dd", 18.61102294921875);
Obviously both the name and the action code are going to cause it to do what it is doing now.  Unfortunately I am not sure what to try to do to fix things, as my skills at writing code for Acrobat is probably just a little better than beginner.  It seems to me that I need to be using a completely different approach for this part.  Does anyone have any advice on how I might be able to manage this problem?
Thanks ahead for your time and consideration,
Mike

Answer 1

It took quite a while for me to solve this problem, but even longer to post it here (my apologies to anyone looking for a solution to it prior to now).  Anyway, the real trick for me was to discover that I didn't have to explicitly put any numbering notations after adding the new fields (such as + "#" + this.pageNum) -- it turns out that the proper notational numbering is handled automatically.
While I am sure the real pros out there might be able to find a lot of ways to handle certain aspects better, below is the result of a great many hours of research, trial and error, and persistence.  Considering the help I have received from this forum,  I would be thrilled if I could make a contribution that helps anyone solve this problem.  If so, I would be glad to hear from you!  In any case, if anyone has any comments or questions please let me know. 
// Get templates in array.
var aTemplates = this.templates;
var myTemplate = aTemplates[0];
// Spawn new form page to end using page renaming.
myTemplate.spawn(this.numPages, true, false);
// Get the field name prefix that Acrobat automatically adds to the new page fields.
var fldNamePrefix = "P" + (this.numPages - 1) + ".cvcIntake";
// Reset the newly created fields to be cleared of any data.
this.resetForm([fldNamePrefix]);
// Init array counter for found calendar fields.
var calFldsCnt = 0;
// Array for found unusable copied calendar fields.
var aCvcIntakeCalFlds = [];
var pageCnt = this.numPages-1;
// Loop through all fields.
for (var i=0; i<this.numFields; i++) {
   var f = this.getField(this.getNthFieldName(i));
   var aNameSlice = f.name.split(".");
   // Find all copied template-renamed calendar fields and save names in array.
   if ((aNameSlice[1] == "cvcIntake" && aNameSlice[2] == "FR_00000_CALENDARBUTTON_fld") || ((aNameSlice[1] == "cvcIntake" && aNameSlice[2] == "FR_00000_Calendar"))) {
      aCvcIntakeCalFlds[calFldsCnt] = f.name;
      calFldsCnt++;
      continue;
   // Skip template-renamed fields.
   } else if (aNameSlice[1] == "cvcIntake") {
      continue;
   // Find non-button calaendar fields to create copy for new page.
   if (aNameSlice[0] == "FR_00000_Calendar") {
      var calFieldsName = aNameSlice[0] + "." + aNameSlice[1];
      var calField = this.addField(calFieldsName, f.type, pageCnt, f.rect);
      var t = this.getField(calFieldsName);        
      // Copy non-function proprties of page 0 calendar fields.
      for ( var p in f ) {
         try {
            if ( typeof f[p] != "function" ) {
               if (p != "name" || p != "page" || p != "rect" || p != "type") {
                  t[p] = f[p];
         } catch(e) {}
      // Default all to hidden.
      t.display = display.hidden;
      // Set "CalendarMonth" items as they are on page 0.
      if (aNameSlice[1] == "CalendarMonth") {
         var aMonths = new Array(["January", "1"],
            ["February", "2"],
            ["March", "3"],
            ["April", "4"],
            ["May", "5"],
            ["June", "6"],
            ["July", "7"],
            ["August", "8"],
            ["September", "9"],
            ["October", "10"],
            ["November", "11"],
            ["December", "12"]);
         t.setItems(aMonths);
      // Copy button captions.
      if (f.type == "button") {
         t.buttonSetCaption(f.buttonGetCaption());
      // Set action for all calendar "Day_X" fields. 
      if (calFieldsName.indexOf("Day_") > 0) {
         t.setAction("MouseUp","FormRouter_SetCurrentDate(event.target.buttonGetCaption());");
   // Find page 0 calendar buttons and make new page copies.
   if (aNameSlice[0] == "FR_00000_CALENDARBUTTON_fld") {
      var calButtonName = "FR_00000_CALENDARBUTTON_P" + pageCnt + ".cvcIntake.fld." + aNameSlice[1];
      var calButton = this.addField(calButtonName, f.type, pageCnt, f.rect);
      var t = this.getField(calButtonName);        
      // Copy non-function proprties of page 0 calendar buttons.
      for ( var p in f ) {
         try {
            if ( typeof f[p] != "function" ) {
               if (p != "name" || p != "page" || p != "rect" || p != "type") {
               t[p] = f[p];
         } catch(e) {}
      // Get button icon copy.
      t.buttonSetIcon(f.buttonGetIcon());
      // Set up variable name for button action that call calendar activation.
      var dateFieldName = "P" + pageCnt + ".cvcIntake.fld." + aNameSlice[1];
      t.setAction("MouseUp","FormRouter_PlaceCalendar(getField(" + "\"" + dateFieldName + "\"" + "), 1, \"mm\/dd\/yyyy\", 0);");
// Go through array of captured non-usable template-copied calendar fields and buttons, removing each from page.
for (i=0; i<=aCvcIntakeCalFlds.length; i++){
   this.removeField(aCvcIntakeCalFlds[i]);
// Go to the new page
this.pageNum = pageCnt;