jQuery数据报头字段值未显示

Question

我有一个已经实现了jQuery数据采集器的字段，但是如果我在该字段上赋值，那么它在chrome的开发工具中的显示.

​

​

但它并没有出现在前端。

我知道，我们可以使用datepicker选项setDate设置默认日期

$( ".datepicker" ).datepicker("setDate", '29-10-2016');

但日期是从数据库来的，我不能硬编码.那么，我是否可以添加一个值，除非用户更改并设置另一个日期，否则它将显示在前端吗？

<input type="text" name="date" id="date" class="datepicker" value="25-10-2016">

Answer 1

我找到了一种方法，但仍然觉得这不是正确的方法，但就目前而言，这将对我起作用。

我贴出这个答案是为了帮助别人，等着看其他人想出这个问题的最好和有效的解决方案。

因为我使用的是PHP，所以我只是把它放在我的页面上来设置该字段的日期。如果页面中有更多的日期字段，我可以添加更多的行.

<script>
    $(function(){
        $('#date').datepicker('setDate', '<?php echo $date; ?>');
    });
</script>

Answer 2

出现此问题是因为javascript要求以“yyyy”格式输入日期，而不管您使用何种格式显示值。

所以你的代码应该是这样的：

<input type="text" name="date" id="date" class="datepicker" value="2016-10-25">

或

<input type="text" name="date" id="date" class="datepicker" value="<?php echo date_format($date,"Y-m-d"); ?>">

Answer 3

如果您没有从$('# date ').val()获得值，那么后端存在问题，日期不是来自后端。如果输入字段中有值，如

<input type="text" name="date" id="date" class="datepicker" value="25-10-2016">

然后您可以使用下面的代码。

​

$(function(){   
  
 $( ".datepicker" ).datepicker({dateFormat: "dd-mm-yy"} );
 $( ".datepicker" ).datepicker("setDate",$('#date').val());
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<input type="text" name="date" id="date" class="datepicker" value="25-10-2016">

​