jsPDF Tutorial to Display & Print Date & Time in PDF Documents Using Javascript

Welcome folks today in this blog post we will be displaying and printing the date and time in pdf documents using jspdf library in javascript. All the full source code of the application is shown below.

Get Started

In order to get started you need to make an index.html file and copy paste the cdn of jspdf as shown below

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

1	<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

And now we will be writing the javascript code to display the current date and time in the pdf document using jspdf text()method. First of all we will be getting the date and time using the Date() constructor and then we will be adding that string inside the pdf document.

  var doc = new jsPDF()

  doc.text("hello world",10,10)

  let date = new Date()

  let dateString = "Today date & time is " + date

  doc.text(dateString,5,50)

  doc.save("output.pdf")

var doc = new jsPDF()

doc.text("hello world",10,10)

let date = new Date()

let dateString = "Today date & time is " + date

doc.text(dateString,5,50)

doc.save("output.pdf")