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

Question

我一直在使用这个 DateTimePicker library。我需要在单击日期时捕获日期值，然后将其传递给输入的值，或者只捕获该值，因为输入与 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 发送数据，如图 here.

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

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

Get value when click on date in datetimepicker

javascript

jquery

shared-libraries

datetimepicker