ブートストラップの材料日付ピッカーからの返却日

Question

これは愚かな質問かもしれませんが、ブートストラップの材料日付ピッカーからユーザが選択した日付を返すにはどうしたらいいですか？

私はそれをsweetalert2と組み合わせています。誰かがそれを選択すると、私はその日付を返す必要があります。

swal.setDefaults({ 
 
    confirmButtonText: 'Next →', 
 
    showCancelButton: true, 
 
    animation: false, 
 
    progressSteps: ['1', '2', '3'] 
 
}) 
 

 
var steps = [{ 
 
    title: 'Title', 
 
    input: 'text', 
 
    text: 'Please specify reminder title' 
 
    }, 
 
    { 
 
    title: 'Notes', 
 
    input: 'textarea', 
 
    text: 'Please leave yourself some notes for this reminder' 
 
    }, 
 
    { 
 
    title: 'Time', 
 
    html: '<input type="text" id="date-format" class="form-control" placeholder="Saturday 24 June 2017 - 21:44">', 
 
    text: 'Please leave yourself some notes for this reminder', 
 
    onOpen: function() { 
 
     $('#date-format').bootstrapMaterialDatePicker({ 
 
     format: 'dddd DD MMMM YYYY - HH:mm' 
 
     }); 
 
    }, 
 
    preConfirm: function() { 
 
     return Promise.resolve($('.input-daterange-timepicker').val()); 
 
    } 
 
    } 
 
] 
 
swal.queue(steps).then(function(result) { 
 
    swal.resetDefaults() 
 
    console.log(result); 
 
    swal({ 
 
    title: 'All done!', 
 
    confirmButtonText: 'Lovely!' 
 
    }) 
 
}, function() { 
 
    interval = setInterval(reminderTimes, 10000) 
 
    swal.resetDefaults(); 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> 
 
<script src="https://code.jquery.com/jquery.min.js"></script> 
 
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> 
 
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.7.0/sweetalert2.min.css" rel="stylesheet" /> 
 
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@6.7.0/dist/sweetalert2.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/js/bootstrap-material-datetimepicker.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css" />

現時点では、ステップ1および2のための正しい入力情報を返しているが、

["title", "notes", true] 

以下のように日付のステップは、単に、私はそれを必要とする、trueを返しますユーザーが選択した日付を返す

Answer 1

解決方法を次のように変更してみてください：

return Promise.resolve($('#date-format').bootstrapMaterialDatePicker().val());