---
title: "How to change position left to right of bootstrap datepicker"  
description: "How to change position left to right of bootstrap datepicker"  
author: "Anonymous User"  
published: 2014-10-04  
updated: 2014-10-04  
canonical: https://www.mindstick.com/forum/2298/how-to-change-position-left-to-right-of-bootstrap-datepicker  
category: "jquery"  
tags: ["jquery", "javascript"]  
reading_time: 1 minute  

---

# How to change position left to right of bootstrap datepicker

I'm using a datepicker from [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) and I cant [handle](https://www.mindstick.com/articles/311004/suede-skillet-handle-cover) changing the position from [right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not) to [left](https://www.mindstick.com/articles/12768/don-t-be-left-behind-with-the-new-it-revolution).

here is the [html](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript):

```
 <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](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript) [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii):\

```
<script>    $(function () {        $('.form_date').datetimepicker({            place: bottom-left        });    });</script>
```

But it did not work\

## Replies

### Reply by Anonymous User

try this:

```
<script>    $(function () {        $('.form_date').datetimepicker({            pickerPosition: "bottom-left",        });    });</script>
```


---

Original Source: https://www.mindstick.com/forum/2298/how-to-change-position-left-to-right-of-bootstrap-datepicker

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.