Welcome to Help center

We are here to help

Calendar (date picker)

Follow

HTML head
        <link rel='stylesheet' type='text/css'href='http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css'/>
    
HTML:
        <input id="date-from" placeholder="From">
    
Before </body> tag ends:
        <script type="text/javascript" src="assets/js/jquery-2.1.4.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    
Js
        $(document).ready(function() {
            $("#date-from").datepicker({
                showOtherMonths: true,
                selectOtherMonths: true
            });
            $("#date-to").datepicker({
                showOtherMonths: true,
                selectOtherMonths: true
            });
        });
    

 

Comments

Top
Powered by Zendesk