JQuery Datepicker 删除已填写的日期字段

Posted

技术标签:

【中文标题】JQuery Datepicker 删除已填写的日期字段【英文标题】:JQuery Datepicker erases already filled date field 【发布时间】:2018-09-20 03:23:26 【问题描述】:

有人可以帮忙吗? 我在几个字段中使用 jquery datepicker 并在 php 中的更新表单中更新数据库中的日期。一切似乎都很好,除了如果某些日期字段已经填充到 DB 中,datepicker 不会显示它们并且在更新时它也会删除 DB 中的值。 php示例:

<script>
    $( function() 
        $( "#datepicker" ).datepicker();
        $( "#datepicker" ).datepicker("option", "dateFormat", "yy-mm-dd");
     );
</script>

...

<td><input type="text" id="datepicker" name="IM_request" value="'.$row["IM_request"].'"/></td>

因此,如果启用了 datepicker,则不会显示变量 $row["IM_request"]。如果我禁用它,它可以正常工作,但是需要大量手动工作。 知道如何使启用日期选择器的输入字段显示数据库中的值吗?

【问题讨论】:

我忘了提到,如果我将变量设置为:$oriIM_request=$row["IM_request"]; 并将$( "#datepicker" ).datepicker("option", "dateFormat", "yy-mm-dd"); 更改为$( "#datepicker" ).datepicker("setDate", $oriTime);,那么我可以显示时间,但是一旦我的时间格式错误更改。这两者可以结合吗? 你有多少个 id="datepicker" 的输入? 【参考方案1】:
<input type="text" id="txtSelectedDate" value="20-01-01" />

$('#txtSelectedDate').datepicker(
    showButtonPanel: true,
    dateFormat: 'dd-mm-yy',
);

JSFiddle 示例:http://jsfiddle.net/LgTZt/211/

【讨论】:

这没有帮助,但谢谢你,我终于想通了。【参考方案2】:

我终于找到了解决办法。而不是:

$( function() 
    $( "#datepicker" ).datepicker();
    $( "#datepicker" ).datepicker("option", "dateFormat", "yy-mm-dd");
 );

我应该使用:

$( function() 
    $( "#datepicker" ).datepicker(dateFormat: "yy-mm-dd");
 );

【讨论】:

以上是关于JQuery Datepicker 删除已填写的日期字段的主要内容,如果未能解决你的问题,请参考以下文章

如何从 jQuery UI datepicker 获取日期

带有ng-repeat的表中的最小和最大日期jquery datepicker

如何使用已选择的值设置 jQuery datepicker 的默认日期

如何从 DatePicker ui jquery 中删除时间

使用 jQuery datepicker 从 ASP MVC @Html.TextBoxFor 控件中删除时间

试图弄清楚如何从 jquery datepicker 中删除假期