在日期时间选择器中单击日期时获取值

Question

我一直在使用这个DateTimePicker库。当我单击日期时，我需要捕获日期的值，然后将其传递给输入的值，或者只是捕获该值，因为输入与 submit() onChange 一起使用。

该库有一个完整的代码列表，但我不使用javascript语言，我更习惯PHP，所以我不知道该怎么做。

<input type="datetime" name="datetimepicker" id="datetimepicker" onChange="submit()" value="here I need to put the picked date">

jQuery.datetimepicker.setLocale('es');
$('#datetimepicker').datetimepicker({
    inline: true,
    parentID: '#datetimepicker',
    minDate: (0),
    dayOfWeekStart: (1),
    timepicker: false,
    disabledWeekDays: [0,
      <?php echo $reserva['lunes']; ?>,
      <?php echo $reserva['martes']; ?>,
      <?php echo $reserva['miercoles']; ?>,
      <?php echo $reserva['jueves']; ?>,
      <?php echo $reserva['viernes']; ?>,
      <?php echo $reserva['sabado']; ?>],
    disabledDates: ['2019-07-23'],
    formatDate:'Y-m-d',
    format: 'Y-m-d H:i',
    formatTime: 'H:i',
    minTime: '8:00',
    maxTime: '21:00',
    step: (60),
    allowBlank: false,
});

Answer 1

从您的问题中猜测，您应该能够使用 onChangeDateTime:function 来触发表单提交，如下所示：

jQuery('#datetimepicker').datetimepicker({
  timepicker:false,
  onChangeDateTime:function(dp,$input){
    //alert($input.val())
    $('form#myForm').submit();
  }
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" integrity="sha256-kIxwtDqhOVbQysWu0OpR9QfijdXCfqvXgAUJuv7Uxmg=" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>
<form id="myForm" action="/action_page.php">
  Appointment:<br>
  <input id="datetimepicker" type="text" >
  <br><br>
  <input type="submit" value="Submit">
</form> 

作为jQuery表单提交的替代方案，您也可以通过AJAX发送数据，如下所示。

PS：结果在这里没有正确呈现，但它有效。