[英]eonasdan bootstrap-datetimepicker 4 show years on reopen
[英]bootstrap-datetimepicker show date only
我正在使用smalot的這個回購 ,我想只選擇和顯示日期(對於其他一些我顯示數據和時間的地方,因此選擇這個回購)。 我可以設法使用它來僅選擇日期,但生成的日期字符串總是yyyy-mm-dd hh:ii
。 如果我不理解錯誤, format
選項僅用於解析初始日期而不是設置日期。
<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
作為輸出 - 我只是想讓它顯示2015-09-22
。
實際上,通過監聽changeDate
和隱藏事件,我只需設置日期輸入的值即可。 我想知道是否有一種不那么晦澀和骯臟的方式
$('.datetimepicker').on('changeDate', function(e) {//get substring and set date input
}).on('hide'....//same thing
);
使用日期選擇器
$("#calender").datepicker({
format: "mm/dd/yyyy"
});
僅顯示日期使用
format: 'L'
顯示時間僅使用
format: 'LT'
參考
https://github.com/Eonasdan/bootstrap-datetimepicker/issues/832
你將編輯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
希望它會有所幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.