Speed up development with full-stack environments for every branch.

Learn More

Bootstrap datepicker example - component (input + icon) with setting start day of the week, start date and end date2

Forked from Bootstrap datepicker example - text input with specifying date format2.

20893 Runs 54474 Views 29387 Copies
Saved

Saved

gtsolutions 373

gtsolutions
published 4 years ago

<!DOCTYPE html>
<html>
    <head>
        <title>bootstrap datepicker examples</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- Bootstrap CSS and bootstrap datepicker CSS used for styling the demo pages-->
        <link rel="stylesheet" href="css/datepicker.css">
        <link rel="stylesheet" href="css/bootstrap.css">
    </head>
    <body>
        <div class="container">
            <div class="hero-unit">
                <div class="input-append date"  >
                    <input type="text" class="span2"><span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
        </div>
        <!-- Load jQuery and bootstrap datepicker scripts -->
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/bootstrap-datepicker.js"></script>
        <script type="text/javascript">
            // When the document is ready
            $(document).ready(function () {
                
                $('.date').datepicker({
                    weekStart: 2,
                    startDate: "01/10/2013",
                    endDate: "01/12/2013"
                });
            
            });
        </script>
    </body>
</html>
Please login/signup to get access to the terminal.

Your session has timed out.

Dismiss (the page may not function properly).