没有时间请求的引导程序日期时间选择器

我有这个jsp代码（由http://eonasdan.github.io/bootstrap-datetimepicker/)

<div class='input-group date' id='datetimepicker5'>
   <input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
   <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
   </span>
</div>

我的控制器js:中的代码

$('#datetimepicker5').datetimepicker({
                pickTime: false,
                autoclose : true
            });

我不要时间！我希望数据选择器只询问日期，但它没有。

由于bootstrap datetimepicker使用moment.js，因此最好使用官方文档中的本地化格式。这样，您的"仅限日期"格式将尊重应用程序的区域设置规范（如果您设置了）。

例如，尝试：

$('#datetimepicker5').datetimepicker({
    format: 'L'
});

在文档中，'L'表示月份数字、月份日期、年份。

然后，你可以像这样设置locale参数，然后忘记它的规范，moment.js为你处理它：

$('#datetimepicker5').datetimepicker({
    format: 'L',
    locale: 'fr'
});

这将使用DD/MM/YYYY格式

我使用解决

<div class="form-group">
    <label for="inputDate" class="col-sm-3 control-label">Data di       nascita</label>
        <div class="col-sm-5">
             <div class='input-group date' id='datetimepicker5'>
                 <input ng-model="utente.dt_nascita" type='text' class="col-sm-3 form-control" data-date-format="YYYY/MM/DD"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

和：

 $('#datetimepicker5').datetimepicker({
                format: 'yyyy-mm-dd',
                startView: 'decade',
                minView: 'month',
                autoclose: true
            });

初始化datetimepicker时提供自定义格式format。例如：

$('#datetimepicker1').datetimepicker({
    format: 'YYYY-MM-DD'
});

有关正确的格式选项，请参阅Moment.js文档。

对我来说，它的工作方式是这样设置的：

  $('#datetimepicker5').datetimepicker({
      format: 'yyyy-mm-dd',
      startView: 'month',
      minView: 'month',
      autoclose: true   
  });

所以它说用month开始（startView），用month结束（minView）。

我使用解决了问题

$('#datetimepicker5').datetimepicker({
format: 'yyyy-mm-dd',
startView: 'decade',
minView: 'month',
autoclose: true
});

我使用的是这个日期时间选择器：malot.fr/bootstrap-datetimepicker

相关内容

最新更新

热门标签：