如何使用引导程序和 jquery datepicker 在编辑表单中编辑“日期”？答案

【问题标题】：How do i edit 'date' in an edit form using bootstrap and jquery datepicker?如何使用引导程序和 jquery datepicker 在编辑表单中编辑“日期”？
【发布时间】：2017-07-27 14:35:05
【问题描述】：

我似乎无法在编辑表单中显示“日期”并同时使用日期选择器。这是代码。我试过使用'class'和'id'来调用jquery。 Datepicker 和 php 编辑表单都可以正常工作，只是不在同一个值框中。

 <div class="form-group">
  <label class="col-md-4 control-label">Date Agent Instructed</label>  
    <div class="col-md-4 inputGroupContainer">
    <div class="input-group"  >
        <span class="input-group-addon"   style="cursor:pointer"  > <i class="glyphicon glyphicon-calendar"  ></i></span>
  <input type="text" style="cursor:pointer"  readonly="readonly" name="date_instructed" class="date2"   class="form-control"  value="<?php echo $row[14];?>"   >

jquery

$(" .date2" ).datepicker({dateFormat:'yy-mm-dd'}); $(".date2").val('');

【问题讨论】：

你的控制台说什么？有什么错误吗？
它就像 datepicker 覆盖了 php，因为当我将 class="date2" 添加到代码中时，它在字段中不返回任何内容
你能解释更多你想要达到的目标吗？从提供的代码很难分辨。比如为什么在实例化日期选择器后将值设置为空？
@SymeonQuimby 你说得对 - $(".date2").val(''); 将删除 PHP 回显值。
感谢 manassehkatz ，我太糟糕了，我需要你说..'delete' $(".date2").val('');从你的代码。谢谢

标签： php jquery datepicker

【解决方案1】：

$(".date2").val('');

这段代码正在清空您的输入字段。如果要保留通过 PHP 回显到字段中的原始值，则需要删除这段 jquery 代码，因为它将值设置为空。

【讨论】：

非常感谢。我试图弄清楚为什么类与值冲突，但这是导致问题的 js。非常感谢。