【问题标题】:bootstrap datetimepicker without time request没有时间请求的引导 datetimepicker
【发布时间】:2014-10-28 09:26:15
【问题描述】:
我有这个 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>
我的 controller.js 中的这段代码:
$('#datetimepicker5').datetimepicker({
pickTime: false,
autoclose : true
});
我不要时间!我希望数据选择器只询问日期,但不询问。
【问题讨论】:
标签:
jsp
twitter-bootstrap-3
datetimepicker
bootstrap-datetimepicker
【解决方案1】:
由于 bootstrap-datetimepicker 使用 moment.js,最好使用官方文档中的localized formats。这样,您的“仅日期”格式将尊重您的应用程序的区域设置规范(如果您设置了任何)。
例如,试试:
$('#datetimepicker5').datetimepicker({
format: 'L'
});
在文档中,'L' 指的是月份数字、月份中的日期、年份。
然后,您可以像这样设置locale 参数而忘记其规范,moment.js 会为您处理:
$('#datetimepicker5').datetimepicker({
format: 'L',
locale: 'fr'
});
这将使用 DD/MM/YYYY 格式
【解决方案2】:
我解决了:
<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
});
【解决方案3】:
在初始化datetimepicker 时提供自定义格式format。例如:
$('#datetimepicker1').datetimepicker({
format: 'YYYY-MM-DD'
});
有关正确的格式选项,请参阅 Moment.js docs。
【解决方案4】:
对我自己来说,它的工作原理是这样设置:
$('#datetimepicker5').datetimepicker({
format: 'yyyy-mm-dd',
startView: 'month',
minView: 'month',
autoclose: true
});
所以它说开始(startView)使用月份,关闭(minView)也使用月份
【解决方案5】:
我使用了
$('#datetimepicker5').datetimepicker({
format: 'yyyy-mm-dd',
startView: 'decade',
minView: 'month',
autoclose: true
});
我正在使用这个日期时间选择器:malot.fr/bootstrap-datetimepicker