7

Voglio usare il datetimepicker di bootstrap senza selezionare il tempo ma non funziona. Ho dato un valore falso al parametro pickTime ma non funziona ancora. Ma i parametri di formattazione e lingua funzionano.Come disabilitare il tempo in Bootstrap DateTimePicker?

Ecco il codice! Come posso risolvere questo problema?

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

quale script di bootstrap datetimepicker stai usando? Puoi pubblicare un link alla sua documentazione? – Praveen

+0

Puoi aggiungere un violino, perché per me il tuo codice funziona http://jsfiddle.net/uzj82mry/ – Sandeeproop

+0

http://www.malot.fr/bootstrap-datetimepicker/demo.php –

risposta

10

Esistono molti plug-in di datetimepicker, quindi è necessario specificare i plug-in utilizzati. Se si utilizza il plug-in da http://eonasdan.github.io/bootstrap-datetimepicker/. Penso che potresti usare la sua opzione sbagliata: maggiori informazioni allo http://eonasdan.github.io/bootstrap-datetimepicker/Options/. Qui ho tolto quasi, e tenere solo uno:

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

ho usato http://www.malot.fr/bootstrap-datetimepicker/ –

+3

Okey ho trovato la soluzione. ho controllato il documento nel http://www.malot.fr/bootstrap-datetimepicker/ e ho mostrato un parametro con il nome "minview" e ho dato il suo valore 2. Questo è tutto! Grazie! –

+2

minView: 2, startView: 2 –

2

ho trovato in rete questo sito si disabilita il tempo selettore

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

provare questo rimuovere pickTime opzione e utilizzare minview: 2

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

minview non ha funzionato per me, minView (maiuscola V) ha fatto. Grazie! – Ruub

6

Prova il codice qui sotto, che mostrerà solo la vista della data, quando il calendario è tirato giù.

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