CODEWITHSUNDEEP
htmldatepicker
I'm nidhin
I'm nidhin

Reputation: 2662

How to customize HTML 5 date picker

I need to put a date picker in my application. I'm thinking of customizing the HTML 5 datepicker 

<input class="form-control" type="date">

I need to change the down arrow to a calendar image. and also need to show the icon all the time. Not just on hover.

Upvotes: 0

Views: 1610

Answers (1)

Shubham
Shubham

Reputation: 9

if you are using Bootstrap frameWork, Then It Will help you:

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker1').datetimepicker();
        });
    </script>
</div>

Upvotes: 1

Related Questions