如何在 PHP echo 中调用 jQuery？

Question

我有一个 php 具有不同字段的网络表单代码。第一个字段是姓名和日期，第二个字段是标题。我在表单中使用 jQuery 日期选择器，并在日期输入字段中显示当前日期和日历。在标题字段中，我还使用 php 函数显示当前日期。现在我希望当我在日期字段中更改日期时，它会自动在标题字段中更改。所以问题是我可以再次调用 jQuery 函数吗？我怎么称呼它？

这是我的代码：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script>
  $(function() {
      $("#mydate").datepicker({
    dateFormat: "dd-M-y"
    }).datepicker("setDate", new Date());
            });   
  </script>
</head>
<body>

 <form action="form.php" method="POST" enctype="multipart/form-data">

   <table width="547" class="tblbdr" >
    <tr>
        <td height="23"  colspan="6" class="head"><p>  Morning Breifing</p></td>
</tr>
 <tr> <td height="10"></td></tr>
<tr><td class="celltext"><b>Date:</b> </td> <td><input type="text" id="mydate" style="width:200px"> </td></tr>
<tr>

<tr><td class="celltext"><b>Title: </b><br> </td> 
<td class="celltext" style="width:200px"><b> MB | Falcons | <?php echo date("d-M-Y");?></b> </td>
</tr>
<td class="celltext"><b>Upload File:</b></td>
    <td colspan="4" bordercolorlight="#006666">  <input type="file" name="files[]"  multiple style="width:300px"/> </td></tr>
    <td> </td> <td> </td>
    <td width="151">
      <input type="submit" value="Save"/>
   </td>
    <tr>
    <td height="75">
    </td>
    <td width="290">

   </td> </tr>
   </table>
</form>
</body>
</html>

这是我的代码的输出

Answer 1

替换为：

<script>
$(function() {
  $("#mydate").datepicker({
  dateFormat: "dd-M-y"
  }).datepicker("setDate", new Date());
        });   
</script>

有了这个：

<script>
$(document).ready(function() {
    $("#mydate").datepicker({
    dateFormat: "dd-M-y"
    }).datepicker("setDate", new Date());
});   
</script>

页面示例：

<?php $myCurrentDate = '2015-06-25'; ?>
<html>
<head>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
    <?php echo '
      $(document).ready(function() {
        $("#mydate").datepicker({
          dateFormat: "dd-M-y"
        }).datepicker("setDate", new Date());
      }); 
    '; ?>
  </script>
</head>
<body>
  <?php echo '<input type="text" id="mydate" style="width:200px" value="'.$myCurrentDate.'">'; ?>
</body>
</html>

Answer 2

您可以使用 onSelect 事件更改日期。

首先我做html改变

<td class="celltext" style="width:200px"><b> MB | Falcons |<span id="dt_title"> <?php echo date("d-M-Y");?></span></b> </td> </tr>

现在让我们使用 onSelect 事件

<script>
$(document).ready(function() {
    $("#mydate").datepicker({
    dateFormat: "dd-M-y",
    onSelect: function(dateText, inst) {
            $("#dt_title").html(dateText);
        }
    }).datepicker("setDate", new Date());
});   
</script>

您可以查看文档 here

如何在 PHP echo 中调用 jQuery？

How to call jQuery in PHP echo?

php

jquery

date

datepicker

echo