In this tutorial, we will learn How to display a responsive calendar in div

You have to simply display the calendar for date imformation then use this example. also display datepicker in span and div. this is jquery-ui div calendar demo. jquery-ui provide responsive and custmize datepicker in to create calendar in html using jquery.

<link rel="stylesheet" href="//">

<div id="datepicker"></div>

  $( function() {
    $( "#datepicker" ).datepicker();
  } );

May this example help you.