Date de retour du sélecteur de date matérielle bootstrap

Question

Excuses si cela peut être une question idiote, mais comment puis-je retourner la date sélectionnée par les utilisateurs à partir du sélecteur de date matérielle Bootstrap? Je le combine avec sweetalert2, et j'ai besoin de retourner la date une fois que quelqu'un l'a choisi.

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" />

Au moment où il retourne les informations d'entrée correcte pour l'étape 1 et 2, mais l'étape de la date retourne simplement true, comme indiqué ci-dessous

["title", "notes", true] 

i besoin pour renvoyer la date que l'utilisateur a sélectionnée

Answer 1

essayez de changer votre ligne de résolution comme ceci:

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