Question

我有一个带有输入字段和textarea字段的表单。我在用户输入信息后提交该表单并且工作正常。我正在更新该表单，我也可以将数据更新到数据库中。我的问题是我如果用户在文本区域添加任何新注释，想要在textarea字段中添加日期。当我点击更新按钮数据时应该更新日期，该日期应该与评论一起显示。我的问题是如果用户更改文本区域时如何添加日期？任何人都可以帮助我这样做吗？

<form name=frmSubmit action="edit.php?id={$activeTaskID}" method=POST  enctype="multipart/form-data">
                    <input type='hidden' name='form' value='profile'/>
                        <fieldset style="width:48%; float:left;">
                            <label>Task Title</label>
                            <input name="taskTitle" id="bugTitle" type="text" style="width:94%" value="{$taskData->taskTitle}"/>                    
                        </fieldset>
                        <fieldset style="width:48%; float:right;">
                            <label>Category</label>
                            <select name="categoryID_FK" id="categoryID_FK" class="textbox"  >
                                {$catOptions}
                            </select>       
                        </fieldset>
                        <fieldset style="width:48%; float:right; ">
                            <label>Assign Employee</label>
                            <div style="margin-left:3%;margin-top: 5%;">{$options}</div>
                        </fieldset>
                        <fieldset  style="width:48%; float:left;%">
                            <label>Task Details</label>
                            <textarea name=taskDescn id=taskDescn rows=25 style="width:94%">{$taskData->taskDescn}</textarea>
                        </fieldset>

                        <fieldset style="width:48%; float:right;">
                            <label>Priority</label>
                            <select name="priority" class="textbox"  >
                                {$priorityOptions}
                            </select>       
                        </fieldset>
                        <fieldset style="width:48%; float:right;">
                            <label>Due Date</label><br/>
                             <input type="text" id="datepicker" name="dueDate" value="{$taskData->dueDate}" style="width:88%"/>
                            <script>
                              $(function() {
                                $( "#datepicker" ).datepicker({
                                  showOn: "button",
                                  buttonImage: "images/calendar.gif",
                                  buttonImageOnly: true,
                                  dateFormat: "yy-mm-dd"
                                });
                              });
                              </script>
                              <style>
                                .ui-datepicker-trigger {margin-top:13px;}
                              </style>
                              <label style="margin-top:2px">Time</label><br/>
                             <input type="text" id="picktime" name="dueTime" class="time" value="{$taskData->dueTime}" style="width:88%"/>
                             <script>
                              $(function() {
                                $('#picktime').timepicker();
                              });
                              </script>
                        </fieldset> 
                        <fieldset style="width:48%; float:right;">
                            <label>Attachment</label>
                            <input name="attachment" id="attachment" type="file"/><br/>
                            {$taskAttachmentStr}
                        </fieldset> 

                    </form> 
                        <div class="clear">
                    </div>
                </div>


                <div class="submit_link">       
                                    <input type="submit" class="alt_btn" value='Update Task' onclick="document.forms['frmSubmit'].submit();" />
                </div>
</form>


$p = & $_POST;

    if ( isset($p['form'])  && $p['form'] == 'profile' )
    {




 $query = "UPDATE tasks SET ".
                        "taskTitle =  '". $p['taskTitle'] ."', ".
                        "taskDescn =  '". $p['taskDescn'] ."' , ".
                        "dueDate   =  '". $p['dueDate'] ."', ".
                        "categoryID_FK   =  '". $['categoryID_FK'] ."', ".
                              "priority =  '". $p['priority'] ."'
                        WHERE taskID_PK =  '". $activeTaskID ."'
                        ";
            $sqlObj = new db_connect();
            $sqlObj->fetch($query);
    }

Answer 1

（下面的代码只是一个原型，而不是一段工作代码）

文本框

：您可以在javascript中尝试onchange（）函数。

对于您想要的日期数据：使用textBoxName.Value（）获取文本框的值，然后在javascript中返回字符串，如下所示： return getDate（）+ textBoxName.Value（）

Answer 2

对于您的textarea，您可以使用此代码在用户点击时添加日期。用户输入内容并提交表单，该表单发布textarea的内容（以及日期）：

$("#taskDescn").click(function() {
    // get today's date after formatting properly and add below
    $(this).html("04/07/2014: ");
});

jsFiddle

更新带有修改日期的文本区域

2 个答案: