i have try to insert vuejs datepicker in to my vue template but when i add the component it rearrange my template by shifting from right to left. affecting other html elements
this is a picture of my template before adding the
This is my template BEFORE add datepicker
this is my template AFTER adding vuejs-datepicker
every tag has from right to left including my links and its icon swapping
below is my code
<div class="row pb-3 pt-5 bg-light">
<div class="col-md-8">
<div class="form-group">
<label for="distributor">Select Distributor</label>
<select class="form-control" id="distributor">
<option>M OSEI AKOTO ENT(NESTLE)</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="stock_date">Date</label>
**<datepicker></datepicker>**
</div>
<div class="form-group">
<label for="stock_invoice">Stock Number</label>
<input type="text" class="form-control" name="stock_invoice_number" placeholder="stock invoice number">
</div>
</div>
</div>
<script>
import moment from 'moment';
import Datepicker from 'vuejs-datepicker';
export default {
name:'AddStocks',
components: {
Datepicker
}
</script>
Every thing reverts to normal when i delete the Datepicker component.
style image
After checking the sytle i realize the datepicker component has been attached from my root tile div down to every single tag beneath i t
通过检查检查你的风格,所以你会弄错,我需要检查的图像,所以我可以帮助你
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.