如何在PHP echo中调用jQuery?
我有一个带有不同字段的php web表单代码。一个文件是带日期的名称,第二个是标题。我在表单中使用jQuery datepicker,并在日期输入字段中显示当前日期和日历。在标题字段中,我还使用php函数显示当前日期。现在我希望当我在日期字段中更改日期时,它会自动在标题字段中更改。所以问题是我可以再次调用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
<!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'..'例如,实际上我想在MB | Falcons |中调用jquery,什么不起作用?请检查我的代码以回答问题。只需打印文本
,您需要元素
才能使用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>