如何更改 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'
});