Önyükleme tarih saat seçicide saati devre dışı bırakın

Web uygulamamda PHP / HTML5 ve JavaScript ile yapılan bootstrap tarih saat seçiciyi kullanıyorum. Şu anda buradan bir tane kullanıyorum: http://tarruda.github.io/bootstrap-datetimepicker/

Kontrolü zamanım olmadan kullandığımda işe yaramıyor. Yalnızca boş bir metin kutusu gösterir.

Sadece tarih saat seçiciden saati kaldırmak istiyorum. Bunun için herhangi bir çözüm var mı?

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

Aşağıdaki pasajı kontrol edin

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker4'>
                <input type='text' class="form-control" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {              
           // Bootstrap DateTimePicker v4
           $('#datetimepicker4').datetimepicker({
                 format: 'DD/MM/YYYY'
           });
        });      
    </script>
</div>

Ayrıntılı belgeler ve diğer işlevler için http://eonasdan.github.io/bootstrap-datetimepicker/ adresine başvurabilirsiniz . Bu çalışmalı.

İ18n'yi desteklemek için güncelleme

Moment.js'nin yerelleştirilmiş biçimlerini kullanın:

• L sadece tarih için
• LT sadece zaman için
• L LT tarih ve saat için

Moment.js belgelerinde ( https://momentjs.com/docs/#/displaying/format/ ) diğer yerelleştirilmiş biçimleri görün

Burada yayınlanan tüm çözümleri denedim ama hiçbiri benim için işe yaramadı. JQuery'imde bu kod satırını kullanarak zamanı devre dışı bırakmayı başardım:

$('#datetimepicker4').datetimepicker({
    format: 'YYYY-MM-DD'
});

Bu, formatı yalnızca tarihe ayarladı ve saati tamamen devre dışı bıraktı. Bu yardımcı olur umarım.

Bunun için: Eonasdan'ın Bootstrap Datetimepicker'ı

Her şeyden önce, için bir idöznitelik sağlar <input>ve ardından datetimepicker'ı doğrudan bunun için başlatırdım <input>(üst kapsayıcı için değil):

<div class="container">
  <input data-format="yyyy-MM-dd" type="text" id="datetimepicker"/>
</div>
<script type="text/javascript">
  $(function() {
    // Bootstrap DateTimePicker v3
    $('#datetimepicker').datetimepicker({
      pickTime: false
    });
    // Bootstrap DateTimePicker v4
    $('#datetimepicker').datetimepicker({
      format: 'DD/MM/YYYY'
    });
  });
</script>

V3 için: Ck Maurya'nın cevabının aksine :

• pickDate: false tarihi devre dışı bırakacak ve yalnızca bir saat seçmeye izin verecek
• pickTime: false zamanı devre dışı bırakır ve yalnızca bir tarih seçmenize izin verir (ki istediğiniz budur).

V4 için: Bootstrap Datetimepicker artık bir zaman bileşeninin mevcut olup olmadığını belirlemek için biçimi kullanıyor. Zaman bileşeni yoksa, bir zaman seçmenize (ve saat simgesini gizlemenize) izin vermez.

Güncelleme nedeniyle bunu anlamaya çalışırken biraz zaman harcadım DateTimePicker. Moment.js belgelerine dayalı bir format girersiniz . Diğer yanıtların gösterdiği şeyi kullanabilirsiniz:

$('#datetimepicker').datetimepicker({ format: 'DD/MM/YYYY' });

Veya moment.js'nin yalnızca bir tarih yapmak için sağladığı yerelleştirilmiş biçimlerden bazılarını kullanabilirsiniz, örneğin:

$('#datetimepicker').datetimepicker({locale: 'fr', format: 'L' });

Bunu kullanarak , yerel ayara bağlı olarak yalnızca bir saati ( LT) veya tarihi ( L) görüntüleyebilirsiniz . Datetimepicker dokümantasyonu, moment.jsformat aracılığıyla sağlanan girişe (tarih veya yalnızca saat) otomatik olarak uyum sağlaması konusunda bana net değildi . Umarım bu hala arayanlar için yardımcı olur.

$('#datetimepicker').datetimepicker({ 
    minView: 2, 
    pickTime: false, 
    language: 'pt-BR' 
});

Lütfen sizin için de işe yarayıp yaramadığını deneyin

Datetimepicker'ınızı bu şekilde başlatın

Devre dışı bırakma süresi için

$(document).ready(function(){
    $('#dp3').datetimepicker({
      pickTime: false
    });
});

Devre dışı bırakma tarihi için

$(document).ready(function(){
    $('#dp3').datetimepicker({
      pickDate: false
    });
});

Hem tarihi hem de saati devre dışı bırakmak için

$(document).ready(function(){
   $("#dp3").datetimepicker('disable'); 
});

herhangi bir şüpheniz varsa lütfen aşağıdaki belgelere bakın

http://eonasdan.github.io/bootstrap-datetimepicker/#options

<div class="container">
  <input type="text" id="datetimepicker"/>
</div>

<script type="text/javascript">
  $(function() {
    // trigger datepicker
    $('#datetimepicker').datetimepicker({
       pickTime: false,
        minView: 2,
        format: 'dd/mm/yyyy',
        autoclose: true,
    });
  });
</script>

Bu sadece tarihi gösterir:

$('#myDateTimePicker').datetimepicker({
        format: 'dd.mm.yyyy',
        minView: 2,
        maxView: 4,
        autoclose: true
      });

Konuyla ilgili daha fazla bilgiyi burada bulabilirsiniz

    $(function () {
        $('#datetimepicker9').datetimepicker({
            viewMode: 'years',
            format: 'DD/MM/YYYY' /*Add this line to remove time format*/
        });
    });

Seçici kriter artık DIV etiketinin bir özniteliğidir.

örnekler ...

data-date-format="dd MM yyyy" 
data-date-format="dd MM yyyy - HH:ii p
data-date-format="hh:ii"

dolayısıyla gg aa yyyy için önyükleme örneği şöyledir: -

<div class="input-group date form_date col-md-5" data-date="" 
    data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
..... etc ....
</div>

Javascript ayarlarım aşağıdaki gibidir: -

            var picker_settings = {
                language:  'en',
                weekStart: 1,
                todayBtn:  1,
                autoclose: 1,
                todayHighlight: 1,
                startView: 2,
                minView: 2,
                forceParse: 0
            };

        $(datePickerId).datetimepicker(picker_settings);

Bootstrap-datetimepicker-master dosyasını indirirseniz bunların çalışma örneklerini görebilirsiniz. Her biri bir index.html içeren örnek klasörler vardır.

Bootstrap 4 sürümü için bu kod çalışıyor;

$('#payment-date-time-select').datetimepicker({
    startView:2,
    minView:2,
});

Boostrap tarih saat seçicide zamanı devre dışı bırak ...

   $(document).ready(function () {
        $('.timepicker').datetimepicker({
            format: "dd-mm-yy",
        });
    });

Boostrap tarih saat seçicide tarihi devre dışı bırak ...

   $(document).ready(function () {
        $('.timepicker').datetimepicker({
            format: "HH:mm A",
        });
    });

your same code work's fine, just add some link reference

<!DOCTYPE HTML>
<html>
    <head>
        <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" media="screen"
              href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">


    </head>
    <body>
        <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"
                src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
        </script> 
        <script type="text/javascript"
                src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
        </script>
        <script type="text/javascript"
                src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
        </script>
        <script type="text/javascript"
                src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
        </script>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker4').datetimepicker({pickTime: false});
            });
        </script>

    </body>
    </html>

<script type="text/javascript">
        $(function () {
                  $('#datepicker').datetimepicker({
                     format: 'YYYY/MM/DD'
               });
            });
</script>

Bu, giriş alanında zamanı göstermeye izin verir, ancak akordeondaki ikinci öğe olan zaman seçici düğmesini gizler

.bootstrap-datetimepicker-widget .list-unstyled li:nth-child(2){
    display: none;
}

Bunun geç olduğunu biliyorum, ancak cevap kelimeden "zamanı" çıkarmak, datetimepickeronu değiştirmek datepicker. İle biçimlendirebilirsiniz dateFormat.

      jQuery( "#datetimepicker4" ).datepicker({
        dateFormat: "MM dd, yy",
      });

İşte sizin için çözüm. Bunun gibi bir kod eklemek çok kolaydır:

    $('#datetimepicker4').datetimepicker({ 

    pickTime: false 

    minview:2;(Please see here.)

    }); 

 $("#datetimepicker4").datepicker({
    dateFormat: 'mm/dd/yy',
    changeMonth: true,
    changeYear: true,
    showOtherMonths: true,
    selectOtherMonths: true,
    pickTime: false,
    format: 'YYYY-MM-DD'
});

Bunu koyduğum bir anda zaman ve dil olarak değil ve çalışmıyorum

$(function () {
    $('#datetimepicker2').datetimepicker({
              locale: 'es',
              pickTime: false
          });
});