は例えば、私はdatetimepicker2に過去の日付を無効にするにはどうすればよいのjQueryのDateTimePickerに</p> <p>を

Question

を時間を削除します。私は、日付のdatetimepicker2は2015年7月1日との過去から無効になりますdatetimepicker1で2015年7月1日を選択します2015年7月1日です。日付を選択すると、テキストボックスに時刻を表示する方法も表示されません。多分あなたは、このシナリオを知っていれば、私はちょうどそこに置き、

<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.min.css"> 
<script type="text/javascript" src = "js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.datetimepicker.full.js"></script> 

私がトップでsrcはjqueryののディレクトリである知っている：

Here's the screen capture of the Datetimepicker

はここ構造です。

//html 
<input id ="textin" required> 
<input id ="textout" required> 

//script 

<script> 

    $('#textin').datetimepicker({ 
     step: 5 
    }); 
    $('#textin').datetimepicker({ 
     minDate: 0 
    }); 

    $('#textout').datetimepicker({ 
     step: 5 
    }); 
    $('#textout').datetimepicker({ 
     minDate: 0 
    }); 
</script> 

Answer 1

これはトリックを行う必要があります。

var data = { 
    format: 'd/m/Y', //date format 
    timepicker: false //hide time 
}; 

const $in = $('#textin'), $out = $('#textout'); 

$in.datetimepicker(data); 
$out.datetimepicker(data); 

$in.on('change', function() { 

    var minDate = $in.val(); 
    if (minDate) { 
    minDate = minDate.split('/'); 
    console.log(minDate); 
    minDate = new Date(minDate[2], minDate[1] - 1, minDate[0], 0, 0); 
    } else { 
    minDate = new Date(0, 0, 0, 0, 0); 
    } 
    data.minDate = minDate; 
    $out.datetimepicker(data); 

}); 

はjsfiddleでそれを試してみてください：https://jsfiddle.net/maxbilbow/2ge1gj4j/5/