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 
);

來源

2015-12-30 Junchao Gu

格式將保留日期用戶將選擇，不僅用於設置初始日期.. – Rayon

您可以創建一個jsfiddle，http://jsfiddle.net – dreamweiver

指定日期的格式，如$（'＃datetimepicker'）。datetimepicker （格式：'yyyy-mm-dd' }）;'另外，你可以創建小提琴來調查嗎？ –

的少哈克和骯髒的方式，將編輯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'

希望能幫助你！

來源

2015-12-30 08:33:21

試試這個 - 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

希望這將有助於。

來源

2015-12-30 08:37:32 Maddy

我不使用這個...不管你是在談論https://eonasdan.github.io/bootstrap-datetimepicker/或https://tarruda.github.io/bootstrap-datetimepicker/ –

對不起。我的錯。我編輯了我的答案。請檢查。 – Maddy

關鍵是數據日期格式？我改變了，但它不起作用 –

使用日期選取器

$("#calender").datepicker({ 
    format: "mm/dd/yyyy" 
});

來源

2015-12-30 08:49:57

更好地描述你的答案。使用數據格式的 –

（加價）不給我任何請求 –

爲了展示迄今爲止，只有使用

format: 'L'

上顯示時間只能使用

format: 'LT'

參考

https://github.com/Eonasdan/bootstrap-datetimepicker/issues/832

來源

2017-01-15 19:44:13 saad

bootstrap-datetimepicker僅顯示日期

回答

相關問題