@@include('global/_head.html',{ "headTitle": "Datepicker", "bootstrapdatepicker": "true", "prism": "true", }) @@include('docs/_sidebar.html', {"page": "formelements"})
@@include('global/_page-header.html', {"PageHeader": "sticky-top"} )

Datepicker

How it works

As you change options, your address bar will update to reflect the current configuration (requires a browser with history.replaceState support). This url can be used to link to the sandbox with the given configuration pre-loaded.

For full documentation please check the Bootstrap Datepicker

Basic Example
<!-- plugin css file  -->
						<link rel="stylesheet" href="assets/bundles/bootstrapdatepicker.min.css">

						<!-- Plugin Js -->
						<script src="assets/bundles/bootstrapdatepicker.bundle.js"></script>

						<!-- Jquery Page Js -->
						<script>
							$('.datepicker').datepicker({});
						</script>
						
@@include('docs/_quick-url.html')
@@include('global/_page-footer.html', {"PageFooter": ""} )
@@include('global/_full-screen-menu.html', {"divClass": ""} ) @@include('global/_need-help.html', {"divClass": "offcanvas-start"} ) @@include('global/_quick-access.html', {"divClass": "offcanvas-end"} ) @@include('global/_theme-setting.html', {"divClass": "offcanvas-end"} ) @@include('global/_site-map.html', {"divClass": "offcanvas-start sm"} ) @@include('global/_body-hero-img-2.html', {"bodyBgClass": "body-bg"} ) @@include('global/_plugin-script.html', { "bootstrapdatepicker": "true", "prism": "true", })