首页 > 解决方案 > 如何更改 Bootstrap 日期选择器中的日期格式?

问题描述

在我的表单中,我有以下代码来显示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。

标签: javascripthtmlcsstwitter-bootstraptwitter-bootstrap-3

解决方案


您需要在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'
});

推荐阅读