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 div.how to create calendar in html using jquery.


<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

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

<script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
</script>

May this example help you.