Jquery Timepicker脚本标记
我无法让jquery timepicker在我的web应用上工作，尽管我设法让datepicker工作了。我认为问题出在我在标题中包含的信息。我没有提供正确的东西吗？脚本标记到底是什么意思？我在html文件所在的目录中有jquery.timepicer.css/js的副本，但我需要在html文件的头部引用这些副本吗？
<!DOCTYPE html>
<html>
<head>
<title>Columbia Ride Share</title>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="post-ride.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#datepicker" ).datepicker();
} );
</script>
<script>
$(document).ready(function(){
$('input.timepicker').timepicker({});
});
</script>
<script>
$("timepicker").timepicker({
startTime: "00.00"
timeFormat: 'h:mm p',
interval: 60,
endTime: new Date(0, 0, 0, 15, 30, 0),
separator: ':',
step: 15});
</script>
</head>
<body>
<header>
// .....
</header>
<div class = "form">
<form action="action_page.php">
<label for="airport">Airport</label>
<select id="airport" name="airport">
<option value="jfk">JFK</option>
<option value="laguardia">Laguardia</option>
<option value="newark">Newark Liberty</option>
</select>
<label for="day">Day</label>
<input type="text" id="datepicker">
<label for="time">Time</label>
<p>Between</p> <input type="text" class="timepicker">
<p>And</p><input type="text" id="timepicker">
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
</body>
</html>回答 2
Stack Overflow用户
发布于 2017-02-05 09:01:57
您可以尝试删除cdn链接标签：
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">只需使用与html文件位于同一目录中的jquery.timepicer.css/js文件即可。是的，您可以通过引用head部分中的那些文件来使用它们。
Stack Overflow用户
发布于 2017-02-05 09:10:15
在超文本标记语言中，JavaScript代码必须插入在<script> and </script>之间，tags.You可以在一个超文本标记语言文档中放置任意数量的脚本。脚本可以放在中，也可以放在HTML页面的部分中，也可以放在这两个部分中。head中的脚本将在页面加载期间首先执行，而body中的脚本将在到达时执行。在您的例子中，您所做的错误是在body标记中声明库，并在head标记中使用它。因此，在页面初始化期间，它对时间选择器一无所知。您必须在timepicker初始化代码之前编写包含timepicker.js的脚本标记。为此，您可以在初始化代码之前将timepicker.js的CDN导入移到head内部，也可以在timepicker CDN导入后将初始化代码从head移到body。
https://stackoverflow.com/questions/42047392
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号