Bootstrap datepicker - chọn ngày từ inline/phiên bản nhúng

Question

Ai đó có thể giải thích làm thế nào để nắm bắt những ngày đã chọn từ phiên bản inline/nhúng của mở rộng Bootstrape datepicker Eternicode của - http://eternicode.github.io/bootstrap-datepicker/

<form class="form-date" role="form" action="/'.$ref.'/edit" method="get"> 
    <div class="form-group" id="datepickid"> 
     <div></div> 
     <input type="hidden" name="dt_due" id="dt_due"> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

... 

$('#datepickid div').datepicker({ 
    startDate: "+1d", 
    todayHighlight: true 
}); 

Tôi chắc là rõ ràng, Tôi muốn nó ghi vào đầu vào bị ẩn khi ngày đã chọn thay đổi.

Tôi chắc chắn rằng tôi thiếu một điều gì đó hiển nhiên, nhưng các ví dụ khác ghi vào đầu vào cũng được liên kết, nhưng dường như không có cách rõ ràng dữ liệu được xuất từ ​​phiên bản nội tuyến.

Tất cả trợ giúp đều được đánh giá cao.

Answer 1

Không bao giờ, câu trả lời được đưa ra thông qua Google Group.

tôi đã có thêm .Trên (CHANGEDATE) ...

$('#datepickid div').datepicker({ 
    startDate: "+1d", 
    todayHighlight: true 
    }).on('changeDate', function(e){ 
     $('#dt_due').val(e.format('dd/mm/yyyy')) 
    }); 

Answer 2

Bạn cũng có thể sử dụng điều này để có được tất cả các ngày (đối với multidate)

$('#datepickid div').datepicker({ 
    startDate: "+1d", 
    todayHighlight: true 
}).on('changeDate', function(e){ 
    $('#dt_due').val(
    $('#datepickid div').datepicker('getFormattedDate') // get the formatted date from the datepicker (using the format you instantiated it with) 
); 
}); 

Answer 3

Gần đây tôi đang làm việc trong một dự án mà cần phải thực hiện một số trang sử dụng datepicker cho khả năng sử dụng nhiều hơn, cụ thể hơn Bootstrap 3 DatePicker, đặc biệt tôi nghĩ là khuôn khổ tốt nhất mà tôi từng tìm thấy trên internet. Trong khi tôi đang phát triển, tôi đã tìm thấy cùng một vấn đề mà bạn mô tả, nhưng làm cách nào tôi không biết bạn đang sử dụng khung công cụ cụ thể nào, tôi mô tả giải pháp và mã của mình. Ban đầu, khung được đề cập là Bootstrap 3 Datepicker. Câu trả lời này có thể không hữu ích đối với một số người dùng sử dụng một khung công tác khác, khác với điều này.

HTML code của tôi:

<div class="form-group form-group-md" align="left"> 
    <label for="inputDataInicial" class="col-form-label">Data Inicial:</label> 
    <div class="inputDataInicial" name="inputDataInicial" id="inputDataInicial"></div> 
</div> 

Để khởi tạo datepicker:

$("#inputDataInicial").datetimepicker({ 
format: 'DD/MM/YYYY', 
locale: 'pt-br', 
useCurrent: true, 
inline: true, 
sideBySide: true 
}).on('dp.change', function(e){ 
    $('.inputDataInicial').val(e.date.format('YYYYMMDD')); 
}); 

Tiếp theo, tôi thiết lập ngày mặc định bằng cách sử dụng khuôn khổ moment - Bootstrap 3 datepicker sử dụng nó:

var currentDate = moment().format('YYYYMMDD'); 
$('.inputDataInicial').val(currentDate); 
$('.inputDataFinal').val(currentDate); 

Cuối cùng, tôi thực hiện một nút đơn giản để có được những ngày đã chọn:

$(".btn_relatorio_amap_gerar").unbind("click").on("click",function(e) { 
    var data_inicial = $(".inputDataInicial").val() + ' 00:00:00'; 
    var data_final = $(".inputDataFinal").val() + ' 23:59:59'; 
    alert(data_inicial + ' - ' + data_final); 
}); 

Kết quả:

Tôi hy vọng rằng sẽ giúp bạn.