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选择一个新的约会日期minDate

Answer 1

我们必须在minDate方法中使用日期格式。愿它有所帮助。

＆＃13;

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);
})

＆＃13;

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

＆＃13;

单击时更改datetimepicker上的日期

1 个答案: