クリックするとdatetimepickerの日付が変更されます

Question

既存のデータの日付を表示しようとしていますが、入力テキストをクリックして設定した日付を表示したいのですが、動作しませんでした。

<input type="text" name="start" id="start_date" value="2017-12-05"/> 

$('#start_date').datetimepicker({ 
     format: 'YYYY-MM-DD', 
}); 

$('#start_date').datetimepicker().on('dp.change', function (e) { 
    var dt = "2017-12-12" 
    $('#start_date').data('DateTimePicker').minDate(incrementDay); 
    }); 

私は2017年12月12日

Answer 1

に新しい日付日付MinDateプロパティを選択したいときに我々はminDateメソッド内の日付形式を使用する必要があります。助けてもらえますか？

var incrementDay = 7; 
 
$('#start_date').datetimepicker({ 
 
    format: 'YYYY-MM-DD', 
 
}); 
 
$('#start_date').one('click',function(){ 
 
var start_date = $('#start_date').data('DateTimePicker'); 
 
var stDate = new Date(start_date.date()); 
 
var newDate = new Date(); 
 
newDate.setDate(stDate.getDate() + incrementDay) 
 
start_date.minDate(newDate); 
 
})

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
 

 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 
<div style="position: relative"> 
 
    <input type="text" name="start" id="start_date" value="2017-12-05" /> 
 
</div>