datepicker bootbox modal derisi

Question

gelen tarih seçme sonra Düğme Kodunu "Yeni Ekle": kod çalıştırmak yukarıdaki butona tıklamak sonra

$('#AddButton').on('click', function() { 
       bootbox 
      .dialog({ 
       title: 'Add Transfer Details', 
       message: $('#userForm'), 
       show: false // We will show it manually later 
      }) 
      .on('shown.bs.modal', function() { 
       $('#userForm') 
        .show(); 
      }) 
      .on('hide.bs.modal', function(e) { 
       // Bootbox will remove the modal (including the body which contains the login form) 
       // after hiding the modal 
       // Therefor, we need to backup the form 
       $('#userForm').hide().appendTo('body'); 
      }) 
      .modal('show'); 
    }); 

ve bootbox açılan pencere gösterir. Bu modalın içinde datepicker var. Tarihçiden tarih seçtikten sonra, bootbox modalım hemen gizlenir.Lütfen bunun neden olduğuna dair yardım edin.

Benim datepicker kodu: GÜNCELLEME

$('#payDate').datepicker({ 
     format: 'dd-mm-yyyy', 
    }).on('changeDate', function(e){ 
     $(this).datepicker('hide'); 
    }); 

:

Jsfiddle bağlantı (Bu sorun Karşılıklı)

https://jsfiddle.net/paramj/sww1dnvk/3/

Answer 1

Yayınladığınız sorun yanlış, modal gizlenmiyor. i 'Bu' onun seçerek giriş türü kullanıyorsanız zaman hiç çünkü Temel giriş

$(this).datepicker('hide'); 

$('#payDate').datepicker({ 
     format: 'dd-mm-yyyy', 
    }).on('change', function(){ 
     $('.datepicker').hide(); 
    }); 

ile

$('#payDate').datepicker({ 
     format: 'dd-mm-yyyy', 
    }).on('changeDate', function(e){ 
     $(this).datepicker('hide'); 
    }); 

değiştirin şu hattın sizin modal.because üzerinde metin alanını yazın Belge öğesi olarak metin ('id = payDate') alanı ve üzerine jquery gizle uygulanması.

Ve gaf pasajı

$('#AddButton').on('click', function() { 

      bootbox 
       .dialog({ 
        title: 'Add Transfer Details', 
        message: $('#userForm'), 
        show: true // We will show it manually later 
       }) 
       .on('shown.bs.modal', function() { 
        $('#userForm') 
         .show();        // Show the login form 
       }) 
       .on('hide.bs.modal', function(e) { 
        // Bootbox will remove the modal (including the body which contains the login form) 
        // after hiding the modal 
        // Therefor, we need to backup the form 

       }) 
       .modal('show'); 



     }); 
    $('#payDate').datepicker({ 
     format: 'dd-mm-yyyy', 
    }).on('change', function(){ 
     $('.datepicker').hide(); 
    });