2

フィドル: https://jsfiddle.net/ek9c9ojx/3/

この質問から多くの解決策を試しました：bootstrap-datetimepickerでデフォルト時間を設定します

しかし、どれも機能しませんでした。これらはすべて、入力を空にし、デフォルトでプレースホルダー テキストにします。

setDate()、setLocalDate()、およびルートを試しましたが、defaultDateこれらをサポートする現在のドキュメントや、この単純なタスクを達成するために機能する現在のメソッドを見つけることができません。

これらのどれも動作しません:

var dateObj = new Date('2016-03-21T23:31:00');
// does not work, causes empty input/placeholder text
$("#startdatetime-from").data('datetimepicker').setDate(dateObj);
// does not work, causes empty input/placeholder text
$("#startdatetime-from").data('datetimepicker').setLocalDate(dateObj);


var dateObj = new Date('2016-03-21T23:31:00');
$('#new-challenge-date-time-picker').datetimepicker({
    minDate: moment(),
    defaultDate: dateObj // does not work, same symptoms as above
});

value自身の属性も設定してみました#new-challenge-date-time-pickerが、それもうまくいきませんでした。

誰も答えを持っていますか？

4

2 に答える 2

2

ピッカーの初期化中に、日付を「defaultDate」に渡すことができます。ただし、minDate は defaultDate をオーバーライドします。したがって、minDate も必要な場合は、useCurrent を false に設定します。

https://eonasdan.github.io/bootstrap-datetimepicker/Options/#mindate

https://eonasdan.github.io/bootstrap-datetimepicker/Options/#usecurrent

以下を試してください

   $(function() {

  var datePreset = $('#new-challenge-date-time-picker').attr('data-preset');
  var dateParts = datePreset.split(' ');
  var dateString = dateParts[0];
  var dateTime = dateParts[1];
  var dateTimeParts = dateTime.split(':');
  var dateHour = dateTimeParts[0];
  var dateMinutes = dateTimeParts[1];
  var dateAMPM = dateParts[2];
  var dateStringParts = dateString.split('/');
  var dateMonth = dateStringParts[0];
  var dateDay = dateStringParts[1];
  var dateYear = dateStringParts[2];

  var time = (dateAMPM == 'PM') ? (parseInt(dateHour) + 12) + ':' + dateMinutes : dateHour + ':' + dateMinutes;
  time += ':00';

  console.log(dateYear + '-' + dateMonth + '-' + dateDay + 'T' + time);
  var dateObj = new Date(dateYear + '-' + dateMonth + '-' + dateDay + 'T' + time);

  $('#new-challenge-date-time-picker').datetimepicker({
    minDate: moment(),
    defaultDate: dateObj,
     useCurrent:false
  });

  // $("#new-challenge-date-time-picker").data('datetimepicker').setDate(dateObj);


});
于 2016-02-04T04:05:51.770 に答える