How to Insert a Date Field in Adobe Acrobat

Make the field read-only to prevent readers from editing it.
Image Credit: Image courtesy of Adobe

You can insert date fields into your PDF files in Adobe Acrobat XI and display the date automatically from the system clock when a reader opens the document. This is accomplished by using a short JavaScript script. Acrobat can hide the date field and run the script when the document is printed. In this case, the field is only displayed on the printout.

You don't need to know JavaScript to insert the date field.

Step 1

If you click Create, the Forms Editor window displays.
Image Credit: Image courtesy of Adobe

Open the PDF file you want to edit in Adobe Acrobat XI or create a new PDF. Click the Tools button, select the Forms option and then click the Edit button to switch to form editing mode. Alternatively, press Ctrl-Shift-7 to enter form editing mode.

Step 2

Clicking No doesn't have any effect on the document.
Image Credit: Image courtesy of Adobe

Click Yes if Acrobat warns you that there are no forms in the PDF file to enter form editing mode.

Step 3

If the Tasks group is not visible, click the Tasks button in the right pane.
Image Credit: Image courtesy of Adobe

Click the Add New Field button in the Tasks group of the right pane and select Text Field from the drop-down box to insert a new text field into the document.

Step 4

You can click and drag the field to reposition it in the document.
Image Credit: Image courtesy of Adobe

Click and drag with the mouse over the document to define the size and position of the new field. Type a label for the new text field -- "TheDate" for example -- into the Field Name field and then click the All Properties link to display the Text Field Properties window.

Step 5

To prevent others from changing the text field properties, check the Locked box.
Image Credit: Image courtesy of Adobe

Select an option from the Form Field box on the General tab to change how the field is displayed.

If you select Visible, the field is always visible. Select Hidden but Printable to display the field only when the document is printed; the field is invisible to the reader until he prints it. Select Hidden to make the field invisible. To avoid printing a visible date field, select Visible but Doesn't Print.

Step 6

You can change the border thickness in the Line Thickness box.
Image Credit: Image courtesy of Adobe

Switch to the Appearance tab to change the appearance of the field. You can add a border around the field by selecting a color from the Border Color box or fill the field by selecting a fill color from the Fill Color box.

Change the font in the Font box and the font size using the Font Size field. You can select a different font color from the Text Color box.

Step 7

You can set a character limit to the text field from the Limit of 0 characters box.
Image Credit: Image courtesy of Adobe

Switch to the Options tab and select the alignment of the text in the text field from the Alignment box. You can choose to align the text to the left, center or right. Click the Close button to apply the changes and close the Text Field Properties window.

Step 8

The text field border is always visible.
Image Credit: Image courtesy of Adobe

Click the Close Form Editing button to exit form editing mode. The field is not visible until you create and use the JavaScript script.

Step 9

The Page Thumbnails button looks like two sheets of white paper.
Image Credit: Image courtesy of Adobe

Click the Page Thumbnails button in the left-side toolbox to display the Page Thumbnails page, right-click the thumbnail of the page that contains the text field and select Page Properties from the context menu to display the Page Properties dialog.

Step 10

The new action appears in the Actions section.
Image Credit: Image courtesy of Adobe

Switch to the Actions tab and select Page Open from the Select Trigger box to run the script when the page is opened. Select Run a JavaScript from the Select Action box and then click the Add button to display the JavaScript Editor dialog.

Step 11

Proofread the script to ensure you didn't forget a space or semicolon.
Image Credit: Image courtesy of Adobe

Type var date = this.getField("TextFieldLabel"); into the Create and Edit JavaScripts box to assign a variable to the text field. Make sure to replace TextFieldLabel in your script with the label you used when you created the field -- "TheDate," for example.

Press Enter to start a new line and type date.value = util.printd("mm/dd/yyyy", new Date()); to add the date from the system clock to the field. The mm/dd/yyyy section controls how the date is displayed; you can safely change the order of the three variables.

Click OK to save the script and then click OK to save the changes and close the Page Properties dialog.

Step 12

All popular PDF viewers can display the date field.
Image Credit: Image courtesy of Adobe

Press Ctrl-S to save the changes to the PDF file and then open the document in Adobe Reader or another PDF viewer to test the date field.

Tip

To display the date only when the document is printed, create a new field and select "Hidden but Printable" from the Form Field box on the General tab. Click "Tools" after you exit form editing mode, select "JavaScript" and click "Set Document Actions." Double-click the "Document Will Print" trigger to open the JavaScript Editor dialog and use the same JavaScript script to display the date. Click "OK" twice to close the open dialogs and then print the document to test the new field.

If the date field doesn't display anything, proofread the JavaScript script. Any missing spaces, colons or quotes can cause the script to fail.

references