1

ばかげた質問かもしれませんが、Bootstrap マテリアルの日付ピッカーからユーザーが選択した日付を返すにはどうすればよいですか?

私はそれを 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 の正しい入力情報を返していますがtrue、以下に示すように、日付ステップは単純に を返します。

 ["title", "notes", true]

ユーザーが選択した日付を返す必要があります

4

1 に答える 1

1

次のように解決行を変更してみてください。

return Promise.resolve($('#date-format').bootstrapMaterialDatePicker().val());
于 2017-09-13T11:01:44.223 に答える