如何在PHP echo中调用jQuery?

如何在PHP echo中调用jQuery?,php,jquery,date,datepicker,echo,Php,Jquery,Date,Datepicker,Echo,我有一个带有不同字段的php web表单代码。一个文件是带日期的名称,第二个是标题。我在表单中使用jQuery datepicker,并在日期输入字段中显示当前日期和日历。在标题字段中,我还使用php函数显示当前日期。现在我希望当我在日期字段中更改日期时,它会自动在标题字段中更改。所以问题是我可以再次调用jQuery函数吗?我该怎么称呼它呢 这是我的密码: <!doctype html> <html lang="en"> <head> <meta c

我有一个带有不同字段的php web表单代码。一个文件是带日期的名称,第二个是标题。我在表单中使用jQuery datepicker,并在日期输入字段中显示当前日期和日历。在标题字段中,我还使用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>

jQuery UI日期选择器-默认功能
$(函数(){
$(“#mydate”).datepicker({
日期格式:“dd-M-y”
}).datepicker(“setDate”,new Date());
});   
晨酿

日期: 标题:
MB |猎鹰| 上载文件:
这是我的代码的输出

替换此:

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

$(函数(){
$(“#mydate”).datepicker({
日期格式:“dd-M-y”
}).datepicker(“setDate”,new Date());
});   
为此:

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

$(文档).ready(函数(){
$(“#mydate”).datepicker({
日期格式:“dd-M-y”
}).datepicker(“setDate”,new Date());
});   
页面示例:

<?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>


您可以使用
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>

您可以查看文档

非常感谢。那个么你们能告诉我如何用php echo调用它吗?Javascript在php创建页面并让客户端在他的浏览器中获取页面后运行。您需要了解所需的“完成”页面代码,然后使用PHP创建它。此代码将在php结束后运行。我不知道最后你想得到什么代码,但你需要:
echo'
echo'..'文本
,您需要
元素
才能使用JS。用JS创建工作HTML,然后用PHP替换一些地方;和回声“…”;它什么也没显示
<script>
$(document).ready(function() {
    $("#mydate").datepicker({
    dateFormat: "dd-M-y",
    onSelect: function(dateText, inst) {
            $("#dt_title").html(dateText);
        }
    }).datepicker("setDate", new Date());
});   
</script>