没有考虑Datepicker bootstrap dateTimePicker参数

时间:2018-05-16 16:44:04

标签: parameters datepicker bootstrap-4

我有一张注册表,要求出生日期,所以我使用Bootstrap的DatePicker来填补这个角色。我的问题是我给.datetimepicker()函数提供了参数,但有些人不在那里。

                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="col-md-2 control-lable" for="dateNaissance">Date
                            de naissance</label>
                        <div class="col-md-4">
                            <div class="form-group">
                                <input id='birthDatePicker' type='text' class="form-control"
                                    ng-model="patientController.patient.dateNaissance"
                                    placeholder="Date de naissance" />
                            </div>
                        </div>
                        <script type="text/javascript">
                            $(function() {
                                $('#birthDatePicker').datetimepicker({
                                    format : "dd/mm/yyyy",
                                    maxViewMode : 3,
                                    language : "fr",
                                    autoclose : true
                                });
                            });
                        </script>
                    </div>
                </div>

正如您在上面所看到的,我要求将datePicker放在FR中,只选择一个日期然后自动关闭。然而,当我选择约会时,首先它不在FR中,其次它要求我在约会后选择一个时间。 我一直在寻找,但我没有看到有人这样做,这就是每个人都这样做,它适用于他们。

enter image description here

我已经检查了很多次,如果我没有忘记css或js但是没有,一切都按顺序排列。所以我真的很困惑为什么这不能像我期望的那样起作用。

1 个答案:

答案 0 :(得分:0)

要支持FR语言环境,您必须导入语言环境文件(请参阅https://bootstrap-datepicker.readthedocs.io/en/latest/i18n.html):

<script src="bootstrap-datepicker.XX.js" charset="UTF-8"></script>

更改开始日期可以通过设置startDate选项属性(请参阅https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#startdate)来完成:

$('.datepicker').datepicker({
    format: 'mm/dd/yyyy',
    startDate: '-3d'
});