How to change position left to right of bootstrap datepicker

Total Post:183

Points:1285
 14996  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. 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>

      Modified On Apr-05-2018 06:30:40 AM

Answer

NEWSLETTER

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