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 /> 在此处添加日期

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

我已经阅读了文档但似乎无法找到遗漏的内容。任何帮助将不胜感激。

它在字段中直观地更新，但输入中的实际值不会改变，所以当我点击保存它总是发送今天的日期而不是选择的日期

Answer 1

bootstrap-datepicker使用.datepicker方法加载选择器。

＆＃13;

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

＆＃13;

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

＆＃13;

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

2 个答案: