Using a DateTime Picker for ASP.NET MVC 5 with Bootstrap

Create the Bundle

Open BundleConfig.cs (located in the App_Start directory).  Add the following code:

bundles.Add(new ScriptBundle("~/bundles/datetime").Include(
    "~/Scripts/moment*",
    "~/Scripts/bootstrap-datetimepicker*"));

Update the Layout Page

Open _Layout.cshtml.  Update the code near the bottom of the page to look like this:

  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/bootstrap")
  @Scripts.Render("~/bundles/datetime")
  @RenderSection("scripts", required: false)
</body>
</html

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <input type='text' class="form-control" id='datetimepicker4' />
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker4').datetimepicker(

 

        {format: 'DD/MM/YYYY' });
        </script>
    </div>
</div>

https://eonasdan.github.io/bootstrap-datetimepicker/