gpt4 book ai didi

javascript - 在 javascript 文件中使用 php

转载 作者:行者123 更新时间:2023-12-03 12:02:45 26 4
gpt4 key购买 nike

我想获取表单输入数据并使用它在 FullCalendar 中创建另一个事件。为了实现这一点,我使用 php 获取帖子数据并将其存储到 javascript 变量中,然后使用 moment.js 转换为正确的日期时间格式。但是,我在 HTML 文件中执行此操作,现在我想在单独的 javascript 文件中执行此操作,但它不起作用。如何使用外部 javascript 文件来达到相同的结果?

<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>

<!-- Stylesheet files-->
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="jquery-ui/jquery-ui.css"/>
<link rel="stylesheet" href="css/fullcalendar/cupertino/jquery-ui.min.css"/>
<link rel="stylesheet" href="css/fullcalendar/fullcalendar.css"/>
<link rel="stylesheet" href="css/dateTimePicker/jquery.datetimepicker.css"/>
<link rel="stylesheet" href="css/fullcalendar/fullcalendar.print.css" media="print"/>

<!-- JavaScript files-->
<script src="js/moment.js"></script>
<script src="js/moment.min.js"></script>
</head>
<body>
<!--Calendar-->
<div id='top'>

Language:
<select id='lang-selector'></select>

</div>

<div id='print'>
<button class="printIt">Print</button>
</div>

<!--User input in the form-->
<div id='userInput'>
<form action="" method="post">
Title: <input type="text" id="title" name="title"></input>
Date and Time: <input type="text" id="datetimePick" name="dateTime"> </input>
<input type="submit" value="Submit">
</form>
</div>

<?php
//Will get the data from the form!
$myDate = $_POST['dateTime'];
$myTitle = $_POST['title'];

?>




<!-- xn-calendar-func.js will select this div to create a calendar-->
<div id='calendar'></div>

<script>
var myTitle = <?php echo json_encode($myTitle);?>;
var myDate = <?php echo json_encode($myDate); ?>;
var myFixedDate = moment(myDate).format("YYYY-MM-DDTHH:mm:ss");
if(myDate != null){
document.write(moment(myDate).format("YYYY-MM-DDTHH:mm:ss")); //Convert to the ISO8701 format that FullCalendar Accepts!
}

$('#calendar').fullCalendar('renderEvent',{
id: 99,
title: myTitle,
start: myFixedDate
}, true);

</script>

<!--JavaScript files-->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/application.js"></script>
<script src="js/fullcalendar/lib/moment.min.js"></script>
<script src="js/fullcalendar/lib/jquery.min.js"></script>
<script src="js/fullcalendar/lib/jquery-ui.custom.min.js"></script>
<script src="js/fullcalendar/fullcalendar.min.js"></script>
<script src="js/fullcalendar/lang-all.js"></script>
<script src="js/xn-calendar-func.js"></script>
<script src="js/printThis/printThis.js"></script>
<script src="jquery-ui/jquery-ui.js"></script>
<script src="js/dateTimePicker/jquery.datetimepicker.js"></script>
</body>

所以我想将 body 标签内的 script 标签移动到 javascript 文件 (.js)

最佳答案

您必须继续使用内联脚本标签来输出 myTitle 和 myDate,但除此之外,您只需复制即可

var myFixedDate = moment(myDate).format("YYYY-MM-DDTHH:mm:ss");

if(myDate != null){
document.write(moment(myDate).format("YYYY-MM-DDTHH:mm:ss")); //Convert to the ISO8701 format that FullCalendar Accepts!
}

$('#calendar').fullCalendar('renderEvent',{
id: 99,
title: myTitle,
start: myFixedDate
}, true);

进入一个新的文本文件,为其指定 .js 扩展名,并以与底部其余链接类似的方式添加它。

<script src="js/main.js"></script>

关于javascript - 在 javascript 文件中使用 php,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25339050/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com