Bootstrap Datepicker日期范围和默认日期
[英]Bootstrap datepicker date range and default date
原文
2016-09-10 04:20:01
9
2
javascript/
jquery/
datepicker/
jquery-ui-datepicker/
bootstrap-datepicker
问题描述
我正在使用bootstrap datepicker，要求就像用户单击测试框时一样，我们需要显示日期选择器，其默认日期必须为点1/1/1980。 minDate和maxDate必须类似于1900年1月1日和当前日期。 你能告诉我我的代码出了什么问题吗
<html>
<head>
<script src="/MVCPractice/javascript/jquery-3.1.0.min.js"></script>
<script src="/MVCPractice/javascript/bootstrap.min.js"></script>
<script src="/MVCPractice/javascript/bootstrap-datepicker.js"></script>
<link href="/MVCPractice/css/bootstrap.min.css" rel="stylesheet" />
<link href="/MVCPractice/css/datepicker.css" rel="stylesheet" />
</head>
<body>
<h2>DatePicker</h2>
<label for="txtDob"></label>
<input type="text" id="txtDob" />
</body>
<script>
$(document).ready(function () {
$('#txtDob').datepicker(
{
startDate: new Date(1990, 1, 1),
endDate: getDate(),
defaultDate: new Date(1980,1,1),
}
);
});
</script>
</html>
2 个解决方案
解决方案1
0 2016-09-10 04:51:56
new Date（）使用日期和时间创建新的日期对象。 您必须使用startDate：'1990-01-01'，并且将其用作结束日期
解决方案2
0 2017-01-11 08:44:43
这个给你。
$('#txtDob').datepicker({ startDate: new Date(1990, 01, 01), endDate: new Date(), setDate: new Date(1980, 01, 01), autoclose: true });
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/locales/bootstrap-datepicker.de.min.js"></script> <form action="#" method="post"> <h2>DatePicker</h2> <label for="txtDob"></label> <input type="text" id="txtDob" /> </form>
Bootstrap Datepicker未清除日期范围
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.