如何在bootstrap-dateTimePicker中隱藏選擇日期？

Question

我有這個DateTimePicker：

我只需要編輯時間，所以只需要顯示以下內容：

碼：

setDateTime: function(index){
    $('#date_time_'+index+'_id').datetimepicker({
        showClose:true,
        format: 'DD/MM/YYYY HH:mm',
        ignoreReadonly: true
    });
},

所以顯示日期和時間的輸入很好，但是我只需要編輯時間

我正在使用這個： bootstrap-datetimepicker

但我不知道使用什么選項。 對不起，我的英語。

Answer 1

不幸的是，我認為如果不更新bootstrap datetimepicker lib，則必須使用替代方法。 由於該庫並非僅用於時間選擇器。

請改用類似的方法。 格式相同，但為您提供更多選擇： http : //tarruda.github.io/bootstrap-datetimepicker/

然后，您可以設置所需的

$('#date_time_'+index+'_id').datetimepicker({
  pickDate: false
});

Answer 2

只需以這種格式指定時間即可：

https://jsfiddle.net/9jkxL4su/

$('#datetimepicker1').datetimepicker({
      format: 'LT'
});

編輯：

要顯示日歷（切換）圖標，您需要在顯示選擇器時觸發切換單擊：

https://jsfiddle.net/pv8Lhy9t/

$('#datetimepicker1').datetimepicker({
    allowInputToggle: true,
    showClose: true
});

$('#datetimepicker1').on("dp.show", function(){
     var toggle = $(this).find('a[data-action="togglePicker"]');
     if(toggle.length > 0) toggle.click();

     // To hide the toggle back to calendar button, uncomment line below
     // $(this).find('a[data-action="togglePicker"]').hide();
});

注意：您可以刪除用戶切換回編輯日期的功能。 只需取消注釋最后一行，如上面的代碼所示。

READONLY：要限制手動編輯日期的能力，只需為輸入字段提供readonly屬性，然后在選擇器ignoreReadonly屬性設置為true： https : ignoreReadonly

Answer 3

組件的名稱是什么？

也許您可以使用類似這樣的方法：pickDate：false; 或僅格式：“ HH：mm”，

在此組件中，它看起來像： https : //tarruda.github.io/bootstrap-datetimepicker/