DateTimePicker 不会更新值字段 onChange 或 onSelect

Question

我正在尝试在更改所选日期时更新输入的值。这是我的 html 输入代码。

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly />

这是我的 jquery onSelect 函数

 $(document).ready(function() {
  $('.completed_date').datetimepicker({
   timepicker: false,
   format: 'd/m/Y',
    onSelect: function() {
     var date = $(this).val();
     $('#completed_date').val(date);
    }
  });
 });

此代码对我的输入字段没有影响，但如果我将最后一行更改为

$('#completed_date').text(date);

然后它将新选择的日期添加到 html 行的末尾。

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="<?php echo date("d/m/Y",strtotime("now"))?>" readonly /> 在此处添加日期

值字段中的代码当前默认显示今天的日期，但应在选择时更新。

我已阅读文档，但似乎无法找到我缺少的内容。任何帮助将不胜感激。

它在字段中进行了视觉更新，但输入中的实际值没有改变，所以当我单击“保存”时，它总是发送今天的日期而不是所选日期

Answer 1

bootstrap-datepicker使用.datepicker方法加载picker

$('.completed_date').datepicker({
    timepicker:false,
    format:'d/m/yy'      
  })
.on("changeDate", function(e) {
 
  $('#completed_date').attr('value', e.format());
});

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>

<input type="text" name="completed_date" id="completed_date" size="12" class="completed_date fielddate" value="12/12/2016" />

Answer 2

首先感谢大家的帮助。

我刚刚使用了您的代码并对其进行了轻微的编辑，我已经设法让您的解决方案与 DateTimePicker 一起工作。我已经包含了下面的代码。再次感谢。

 $(document).ready(function() {
  $('.completed_date').datetimepicker({
    timepicker:false,
    format:'d/m/Y',
 });
 $('.completed_date').change(function() {
    var date = $(this).val();
    $('.completed_date').attr('value', date);
 });

});

这将更新链接到 DateTimePicker 的输入上的值字段。

DateTimePicker 不会更新值字段 onChange 或 onSelect

DateTimePicker wont update the value field onChange or onSelect

jquery

bootstrap-datetimepicker