【问题标题】:Datepicker bootstrap dateTimePicker parameters not taken into accountDatepicker bootstrap dateTimePicker 参数未考虑在内
【发布时间】:2018-10-26 19:35:33
【问题描述】:

我有一个注册表格,要求输入出生日期,所以我使用 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 中,只有一个日期可供选择,然后自动关闭。然而,当我选择我的日期时,首先它不在法国,其次它要求我选择日期之后的时间。 我一次又一次地搜索,但我没有看到任何人的做法有所不同,这就是每个人的做法,并且对他们有效。

如果我没有忘记 css 或 js,我已经检查了很多次,但没有,一切都井井有条。所以我真的很困惑为什么这不能像我预期的那样工作。

【问题讨论】:

    标签: parameters datepicker bootstrap-4


    【解决方案1】:

    要支持 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'
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-01-03
      • 2020-08-24
      • 1970-01-01
      • 2021-07-20
      • 1970-01-01
      • 1970-01-01
      • 2020-07-27
      • 2021-07-15
      相关资源
      最近更新 更多