簡體   English   中英

如何在Bootstrap DateTimePicker中禁用時間?

[英]How to disable time in Bootstrap DateTimePicker?

我想在沒有選擇時間的情況下使用bootstrap datetimepicker,但它不起作用。 我給pickTime參數賦予了false值,但它仍然無效。 但格式和語言參數正常。

這是代碼! 我怎樣才能解決這個問題?

<script type="text/javascript">
      $(function () {
         $('#datetimepicker1').datetimepicker({
            format: "dd MM yyyy",
            pickTime: false,
            autoclose: true,
            todayBtn: true,
            language: 'tr',
            pickerPosition: "bottom-right"          
            });
        });
</script>



<div class='input-group date' id='datetimepicker1'>

     <span class="input-group-addon">Birtdate</span>
     <input type='text' class="form-control" />
      <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar">  </span>
      </span>
</div>

有許多datetimepicker插件,因此您需要詳細說明您使用的插件。 如果您使用http://eonasdan.github.io/bootstrap-datetimepicker/中的插件。 我想,您可能會錯誤地選擇它:在http://eonasdan.github.io/bootstrap-datetimepicker/Options/上閱讀更多內容。 在這里我幾乎刪除了,只保留一個:

    $('#datetimepicker1').datetimepicker({
        format: "dd MM yyyy"         
    });

試試這個刪除pickTime選項並使用minview:2

$(function() {
  $('#datetimepicker4').datetimepicker({
    minView : 2
  });
});

下拉日歷時,請嘗試以下代碼,該代碼僅顯示日期視圖。

    $(function () {
     $('#datetimepicker1').datetimepicker({
        format: 'yyyy-mm-dd',
            startView: 'month',
            minView: 'month',
            autoclose: true          
        });
    });

我在網上發現這個網站禁用了時間選擇器

http://tarruda.github.io/bootstrap-datetimepicker/
<div class="well">
  <div id="datetimepicker4" class="input-append">
    <input data-format="yyyy-MM-dd" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker4').datetimepicker({
      pickTime: false
    });
  });
</script>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM