我对网站建设非常陌生,我正在尝试将验证构建为员工将提交的表单。我想阻止他们在将来为特定领域选择日期。到目前为止,我在其他帖子中看到的所有建议的解决方案都没有对我有用。相信我,我已经在这一段时间了,我想承认尝试我能找到的一切。我非常感谢帮助弄清楚我做错了什么。以下是我的代码部分,希望能够看到正在发生的事情。
<head>
<script>
$(document).ready(function(){
$(function(){
$("#purchasedate").datepicker({
maxDate: '0',
format: 'mm-dd-yyyy'
});
});
</script>
<script
src="https://ajax.googleapis.com/ajax/libs/
jquery/3.2.1/jquery.min.js">
</script>
</head>
<body>
<section>
<form method="post" action="#">
<p>Purchase Date</p>
<input class="purchasedate"
type="date"
name="purchaseDate"
value=""
/>
</form>
</section>
<body>
我尝试过使用maxDate:new Date()。我已经尝试过没有ready函数或包含datepicker的函数。预览页面时,弹出日历以选择日期,但未来日期仍然可用。谢谢你的帮助。
答案 0 :(得分:0)
你可以尝试这样的事情:
您必须在标题中替换此脚本标记:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>Data sharemedia</title>
<link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
</head>
<body>
<section>
<form method="post" action="#">
<p>Purchase Date</p>
<input type="text" id="datepicker">
</form>
</section>
</body>
<script>
$(document).ready(function() {
$( "#datepicker" ).datepicker({ maxDate: new Date });
});
</script>
</html>
答案 1 :(得分:0)
首先,更改脚本的顺序。在此之后调用jquery以及使用此jquery的任何其他插件。稍后,添加您的脚本。这会让你头疼。
其次,删除$(function(){
行,因为它现在什么都不做。它应该没问题。
我在这里得到了jsfiddle:https://jsfiddle.net/tuk4pob3/
我只是根据我告诉你的更改复制了你的代码,我只能选择从过去到现在的日期。我唯一改变的是输入的type
。