2016-04-06 36 views
0

Bootstrap Datetime seçiciyi uygulamaya çalışıyorum; Link aşağıdadır;Bootstrap'ten Zaman Segmenti Hariç Tutulma Tarihi zaman seçici

https://fiddle.jshell.net/0sowpm1v/2/

Soru 1: kullanıcı zaman bileşeni seçilerek olmasa bile Şu toplayıcı 00:00 olarak Zamanı gösteriyor. Neyi başarmaya çalışıyorum, Kullanıcı herhangi bir zaman seçmiyorsa, zaman dilimi düşer.

Kullanıcı '2015-05-01' tarihini seçerse, çıkış '2015-05-01 00:00' yerine '2015-05-01' olmalıdır.

Soru 2: Bu mümkün değilse

biz seçicinin 'OnClose' durumunda herhangi bir işlev çağrısını tetikler mi?

N.B: İlgili Datetime seçici 'onClose' olayını desteklemiyor ve eşdeğer yönteminden habersiz. Aşağıda

benim Kod geçerli:

<div class="container"> 
<div class="row"> 
    <div class='col-sm-3'> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker1'> 
       <input type='text' class="form-control" /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
       </span> 
      </div> 
     </div> 
    </div> 

Bu JQuery DateTime seçicinin bağlayıcı; Bu kodu kullanabilirsiniz

  $('#datetimepicker1').datetimepicker({ 
       format : "YYYY-MM-DD HH:mm" 
      }); 
+0

TimeSegment'e ihtiyacım var, 'YYYY-AA-GG' biçimi Zaman Seçimi olarak bırakılacak. Kullanıcı zamanı seçiyorsa, göstermem gerekiyor. Yani değişen format çalışmaz. –

+0

Dış sitelerde değil, söz konusu kodunuzu almalısınız. –

+0

Bu bir keman bağlantısıdır. Ve ben basit Bootstrap Tarih saati seçiciyi uygulamaya çalışıyorum, kod benim soruma özel değil. Her neyse soruyu düzenleyeceğim. –

cevap

0

Bu sadece etrafında bir iştir

$('#datetimepicker1').datetimepicker({ 
        format : "YYYY-MM-DD", 
        autoclose: true, 
       }); 
+0

TimeSegment'e ihtiyacım var, formatı 'YYYY-AA-GG' Zaman Seçimi olarak bırakacak. Kullanıcı zamanı seçiyorsa, göstermem gerekiyor. Yani değişen format çalışmaz. –

-1

pasajı. Herhangi birinin daha iyi bir cevabı varsa, paylaşabilirsiniz.

Bu, uyguladığım JQuery geçici çözümdür.

  $('#datetimepicker1').datetimepicker({ 
       format: "YYYY-MM-DD HH:mm", 
       useStrict: true, 
       keepInvalid: true 
      }); 

      $("#datetimepicker1").on("dp.change", function(e) { 
       if ($('#lblValue').text() == 1) { 
        $('#lblValue').text('2'); 
        $('#txtDate').val(''); 
       } else if ($('#lblValue').text() == 2) { 
        $('#lblValue').text('3'); 
       } 
      }); 

      $("#datetimepicker1").on("dp.hide", function(e) { 
       if ($('#lblValue').text() == 2 && $('#txtDate').val() == '') { 
        $('#lblValue').text('4'); 
       } else { 
        $('#lblValue').text('2'); 
       } 

       if ($("#txtDate").val() != "" && $("#txtDate").val().trim().substring(16, 10).trim() == "00:00") { 
        $("#txtDate").val($("#txtDate").val().trim().substring(10, 0)); 
       } 
      }); 
+0

Bu bağlantı soruyu yanıtlayabilirken, cevabın temel kısımlarını buraya eklemek ve referans için bağlantı sağlamak daha iyidir. Bağlantılı sayfa değiştiğinde yalnızca bağlantı yanıtları geçersiz olabilir. - [Yorum yaz] (/ review/düşük kaliteli yazılar/12316627) –

+0

Benim bildiğim kadarıyla, normalde link bağlantısı değişmez. Eğer Yanlışsam beni düzelt!! –

+0

Sadece kod olmadan bir [fiddle] (http://jsfiddle.net) nasıl eklediniz merak ediyorum. Umarım cevabınızın biçimlendirilmemesinin nedeni budur. [Neden ve neden bazı cevaplar nasıl silinir?] (Http://stackoverflow.com/help/deleted-answers) 5 numaralı noktaya dikkat edin, çünkü bu cevabınız düşük kalitedeki mesaj olarak kategorize edilir. Kodunuzu demo bağlantınızla eklemek daha uygun bir cevap olacaktır. –