Tarih seçiminden sonra datetimepicker nasıl kapatılır?

Question

datetimepicker kullanıyorum

Bir tarih değeri seçtiğimde küçük aracın nasıl kapatılacağını anlayamıyorum.

Kodum:

$(settings.target).datetimepicker({ 
     useCurrent: "hour", 
     minDate: settings.minDate, 
     maxDate: settings.maxDate, 
     keepOpen : false, 
     locale: settings.locale 
    }); 

    $(settings.target).on("dp.change", function (e) { 
     $(settings.target).trigger("dp.hide"); 
    }) 

    $(settings.target + " .action").on("focus", function (e) { 
     $(this).next().trigger("click"); 
    }) 

HTML:

    <div class="row filterRes"> 
         <div class='col-sm-6'> 
          <div class="form-group"> 
           <div class='input-group date' id='datetimepickerFrom'> 
            <input type='text' class="form-control action" placeholder="Från" /> 
            <span class="input-group-addon"> 
             <span class="glyphicon glyphicon-calendar"></span> 
            </span> 
           </div> 
          </div> 
         </div> 
         <div class='col-md-6'> 
          <div class="form-group"> 
           <div class='input-group date' id='datetimepickerTo'> 
            <input type='text' class="form-control action" placeholder="Till" /> 
            <span class="input-group-addon"> 
             <span class="glyphicon glyphicon-calendar"></span> 
            </span> 
           </div> 
          </div> 
         </div> 
        </div> 

diğer bazı girişimlerde çalıştı ama cant rakam dışarı tis. Bunu nasıl yaparım?

Answer 1

Bu benim için büyük eserler ... alanında kullanıcı tıkladığında Widget gösterilirken söz Sadece başvuru için

sayfanın dilenci bir not gidecekseniz zaman dissapears bir tarih ... seçeneğini:

Not Tüm işlevlere veri özniteliği aracılığıyla erişilebilir. $ ('# Datetimepicker'). verileri ("DateTimePicker") .FUNCTION()

$(settings.target).on("dp.change", function (e) { 
    $(this).data("DateTimePicker").hide(); 
}); 

$(settings.target).on("click", function (e) { 
    $(this).data("DateTimePicker").show(); 
}); 

İyi şanslar ...

Answer 2

<div class="container"> 
    <div class="row"> 
     <div class='col-sm-6'> 
      <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> 
     <script type="text/javascript"> 
     $(function() { 
      $('#datetimepicker1').datetimepicker({ 
       useCurrent: "hour", 
       keepOpen: false, 
      }).on("dp.change", function (e) { 
       var widget = $(this).find(".bootstrap-datetimepicker-widget"); 
       if (widget.length > 0) { 
        widget.toggle("dp.hide"); 
        $(this).find(".form-control").blur(); 
       } 
      }); 
     }); 
     </script> 
    </div> 
</div> 

Bu kod benim için çalışır.