HOW TO CHANGE POSITION LEFT TO RIGHT OF BOOTSTRAP DATEPICKER

Ankita Pandey

Total Post:183

Points:1285
Posted by  Ankita Pandey
 13470  View(s)
Ratings:
Rate this:

I'm using a datepicker from bootstrap and I cant handle changing the position from right to left.

here is the html:

 <div style="width: 40%; margin: 100px auto;">

    <div style="width: 100%;" class="input-group date form_date col-md-12" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">

        <input type="text" class="form-control" readonly="true" />

        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

    </div>

    <input type="hidden" id="dtp_input2" value="" />

</div>

Here is javascript code:

<script>

    $(function () {

        $('.form_date').datetimepicker({

            place: bottom-left

        });

    });

</script>

But it did not work

  1. Kamlakar Singh

    Post:194

    Points:1396
    Re: How to change position left to right of bootstrap datepicker

    try this:

    <script>

        $(function () {

            $('.form_date').datetimepicker({

                pickerPosition: "bottom-left",

            });

        });

    </script>

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!