Search
 
SCRIPT & CODE EXAMPLE
 

HTML

How to add Datepicker in Bootstrap(HTML form)

<div class='container' style='margin-top: 100px;'>
 <input type='text' class="form-control" id='datepicker' style='width: 300px;' > <br>
 <input type='text' class="form-control" data-provide="datepicker" style='width: 300px;' >
</div>

<!-- Script -->
<script type="text/javascript">
$(document).ready(function(){
 $('#datepicker').datepicker(); 
});
</script>
Comment

How to add Datepicker in Bootstrap(HTML form)

<link href="~/Content/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
Comment

How to add Datepicker in Bootstrap(HTML form)

<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" ></script>

<!-- Datepicker -->
<link href='bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css' rel='stylesheet' type='text/css'>
<script src='bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js' type='text/javascript'></script>
Comment

How to add Datepicker in Bootstrap(HTML form)

<script src="~/Scripts/bootstrap-datepicker.min.js"></script>
Comment

PREVIOUS NEXT
Code Example
Html :: ASP.NET MVC Two file upload, different destinations 
Html :: how to disable image dragging in html 
Html :: stop website from overscrolling 
Html :: phone icon html 
Html :: html5 video player autoplay 
Html :: default link color in html 
Html :: jquery specific child by index 
Html :: ordered list 
Html :: js html input type image base64 example 
Html :: convert string to boolean js 
Html :: how to apply color to bootstrap icons 
Html :: mysql date time to display html input datetime-local value 
Html :: floating button html 
Html :: display file pdf in html 
Html :: input only accept numbers 
Html :: Include HTML File in HTML FILE 
Html :: html autocomplete dropdown list 
Html :: html bold text 
Html :: github icon html 
Html :: how to add label on image in html 
Html :: full screen button in video tag html5 
Html :: disabled attribute is not working in html 
Html :: html qr code generator 
Html :: checkbox switch bootstrap 
Html :: dropdown content left 
Html :: bootstrap 5 list 
Html :: coloring and size of text in html 
Html :: css loading spinner img 
Html :: vs code view release notes 
Html :: bootstrap error message 
ADD CONTENT
Topic
Content
Source link
Name
8+9 =