bootstrap-datetimepicker仅显示日期
我正在使用这个由smalot的repo,我只想选择和显示日期(对于其他地方我显示数据和时间,因此选择此回购)。我可以设法使用它来选择日期,但生成的日期字符串始终为yyyy-mm-dd hh:ii
。如果我不明白,format
选项仅用于解析初始日期,但不设置日期。bootstrap-datetimepicker仅显示日期
<div class="input-group date datetime dateonly" data-start-view="2" data-min-view="2" style="margin-bottom: 0;">
<input class="form-control" size="16" type="text" placeholder="Release Date" id="release-date" name="release_date" value="{{ unit.release_dt|date:'Y-m-d' }}" style="cursor: default; background-color: #ffffff;">
<span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
</div>
我设置startView
和minView
既2
这样用户将只需要选择的日期,但我仍然有2015-09-22 00:00
作为output--我只是想让它显示2015-09-22
。
事实上,通过收听changeDate
并隐藏事件,我可以设置日期输入的值。我想知道是否有这样做
$('.datetimepicker').on('changeDate', function(e) {//get substring and set date input
}).on('hide'....//same thing
);
的少哈克和肮脏的方式,将编辑datetaimepicker.js
var defaults = $.fn.datepicker.defaults = {
autoclose: false,
beforeShowDay: $.noop,
calendarWeeks: false,
clearBtn: false,
daysOfWeekDisabled: [],
endDate: Infinity,
forceParse: true,
//format: 'mm/dd/yyyy', 时间输出格式
format: 'yyyy-mm-dd',
keyboardNavigation: true,
language: 'en',
minViewMode: 0,
multidate: false,
multidateSeparator: ',',
orientation: "auto",
rtl: false,
startDate: -Infinity,
startView: 0,
todayBtn: false,
todayHighlight: false,
weekStart: 0
};
这样
//format: 'mm/dd/yyyy', 时间输出格式
format: 'yyyy-mm-dd'
希望能帮助你!
试试这个 - HTML:
<div class="controls input-append date m" data-date="" data-date-format="yyyy-mm-dd" data-link-field="m1" data-link-format="yyyy-mm-dd" data-start-view="2" data-min-view="2">
<input size="16" id="m" type="text" value="" readonly>
<span class="add-on"><i class="icon-remove"></i></span>
<span class="add-on"><i class="icon-th"></i></span>
</div>
<input type="hidden" id="m1" value="" />
JS:
$('.m').on('changeDate', function(e) {
console.log($("#m").val());
});
控制台:
2015-12-08
希望这将有助于。
我不使用这个...不管你是在谈论https://eonasdan.github.io/bootstrap-datetimepicker/或https://tarruda.github.io/bootstrap-datetimepicker/ –
对不起。我的错。我编辑了我的答案。请检查。 – Maddy
关键是数据日期格式?我改变了,但它不起作用 –
使用日期选取器
$("#calender").datepicker({
format: "mm/dd/yyyy"
});
更好地描述你的答案。使用数据格式的 –
(加价)不给我任何请求 –
为了展示迄今为止,只有使用
format: 'L'
上显示时间只能使用
format: 'LT'
参考
https://github.com/Eonasdan/bootstrap-datetimepicker/issues/832
格式将保留日期用户将选择,不仅用于设置初始日期.. – Rayon
您可以创建一个jsfiddle,http://jsfiddle.net – dreamweiver
指定日期的格式,如$('#datetimepicker')。datetimepicker (格式:'yyyy-mm-dd' });'另外,你可以创建小提琴来调查吗? –