Date Fields in Adobe LiveCycle

This tutorial covers the basics of using Date Fields.  Specifically, how to format, auto-populate, and use field events to make date appear and function in powerful ways.

Here is the code:

JavaScript to get Current Date

var currentTime = new Date();
var months=new Array(13);
months[1]=”January”;
months[2]=”February”;
months[3]=”March”;
months[4]=”April”;
months[5]=”May”;
months[6]=”June”;
months[7]=”July”;
months[8]=”August”;
months[9]=”September”;
months[10]=”October”;
months[11]=”November”;
months[12]=”December”;
var v_month = months[currentTime.getMonth() +1];
var v_day = currentTime.getDate();
var v_year = currentTime.getFullYear();
var fullDate = v_month + ” ” + v_day + “, ” + v_year;

 JavaScript placed in the “exit” event of the Date Field
var oldText = this.parent.txtParagraph.rawValue;
var newText = oldText.replace(“[Enter Date]”, this.formattedValue);
this.parent.txtParagraph.rawValue = newText;
this.presence = “hidden”;

Expanding Tables in Adobe LiveCycle ©

In this video I demonstrate how to create a table that can expand based on user input.  Here’s the JavaScript code used for the command buttons:

cmdAdd:
// JavaScript to add a row to a table
   var rowNum = this.parent.index +1;
   this.parent.parent.instanceManager.insertInstance(rowNum);

cmdDel:
//JavaScript to delete a row from a table
  var rowNum = this.parent.parent.index;

  this.parent.parent.instanceManager.removeInstance(rowNum);
 

HTML Snippets Powered By : XYZScripts.com