如何在PHP回声中调用jQuery？

我有一个不同领域的PHP网页表单代码。一个提交的名称是Date，第二个是标题。我在表单中使用jQuery datepicker，并在日期输入字段中显示当前日期和日历。在标题字段中，我还使用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>

，这里是我的代码的输出

date

来源

2015-06-25 sunny

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

来源

2015-06-25 05:08:12 jagad89

谢谢Jagad – sunny

它为我工作:) – sunny

替换此：

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

来源

2015-06-25 04:51:45 BaBL86

太谢谢你了。你可以告诉我，我怎么可以用PHP回声称它？ – sunny

Javascript在PHP创建页面后运行，客户端在浏览器中获取它。您需要了解您需要什么“完成”页面代码，然后使用PHP创建它。这段代码将在php结束后运行。我不知道你最后想得到什么代码，但是你需要：'echo'';'和'echo'';'例如。 – BaBL86

不行不行 – sunny

如何在PHP回声中调用jQuery？

回答

相关问题