我想获取一个表单输入数据，并使用它在FullCalendar中创建另一个事件。为了实现这一目标，我使用php获取了发布数据并将其存储到javascript变量中，然后使用moment.js转换为正确的dateTime格式。但是，我是在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>
我正在使用使用Visual Studio模板创建的Web表单应用程序。模板具有一个内容占位符，该占位符被访问的任何页面的内容替换。有问题的页面有几个服务器控件，例如文本框，标签和按钮。当我单击我的更新按钮时，它可以正常工作，这些值会回传并更新数据库。我想在所有子页面上创建通用的登录提示。我的导航栏（位于我的母版页中）具有引导程序设置。我在导航栏中添加了一个下…
Telerik单选按钮所需的字段验证器 - javascript如何设置Telerik单选按钮所需的字段验证器？我想在按钮单击“ BtnSave”上设置必填字段验证器吗？请帮忙！<telerik:RadButton ID="radio_male" runat="server" ToggleType="Radio" AutoPostBack="fa…
用symfony隐藏树枝中的表格行 - javascript我正在开始编码。我正在使用Symfony 3.3我想用复选框隐藏（并显示）表上的a或某些特定行。我尝试使用javascript和jquery。我希望隐藏的行保持隐藏状态。我不知道该怎么做。这是我的树枝{% block body %} <div class="container"> <h3>List of produ…
表单不提交或按钮提交不起作用 - javascript据我所知，此代码必须有效，但是我编码时却无效问题在于该表单未提交。我该如何解决？选中时，我什至没有得到复选框的值。<table id="example" class="display" cellspacing="0" width="100%"> <thead&g…
在PHP文件中调用javascript函数并在加载HTML文件之后？ - javascript我需要在我的php中调用js函数，但无法正常工作。有人可以告诉我我在做什么错吗？我该如何轻松地做到这一点？谢谢！我有三个文件： mail.php负责发送$ _POST的内容（工作正常）。我调用我的javascript函数来切换模式，具体取决于邮件是否已发送。 <? ... $response = $sendgrid->send($email);…