Home > DeveloperSection > Forums > How to change position left to right of bootstrap datepicker
Ankita Pandey
Ankita Pandey

Total Post:183

Points:1285
Posted on    October-04-2014 2:38 AM

 JQuery JavaScript  JQuery 
Ratings:


 1 Reply(s)
 6801  View(s)
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



Kamlakar Singh
Kamlakar Singh

Total Post:194

Points:1396
Posted on    October-04-2014 2:39 AM

try this:

<script>

    $(function () {

        $('.form_date').datetimepicker({

            pickerPosition: "bottom-left",

        });

    });

</script>


Don't want to miss updates? Please click the below button!

Follow MindStick