如何在Bootstrap日期选择器中更改日期格式？

Question

在我的表单中，我有以下代码来显示date picker。我正在使用bootstrap

                         <div class="form-group row">
                                <label for="Quantity" class="col-sm-3 col-form-label">Required Date</label>
                                <div class="col-sm-9">
                                    <div class="input-group">                                        
                                        <input class="form-control" id="date" name="date" placeholder="MM/DD/YYYY" type="text"/>
                                        <div class="input-group-addon">
                                            <i class="fas fa-calendar-alt"></i>
                                        </div>
                                    </div>
                                </div>
                            </div>

我得到的日期格式是MM / DD / YYYY。但是我需要的格式是DD / MM / YYYY。我该如何更改？如果我可以将属性添加到更好的表单字段而不是jquery的javascript。

Answer 1

您需要在jQuery中定义一次格式。

// here assumed that `datepicker` is the class name for using date picker
$('.datepicker').datepicker({
    format: 'DD/MM/YYYY'
});

// as per your code, you can update for specific id
$('#date').datepicker({
    format: 'DD/MM/YYYY'
});