Bootstrap Datepicker日期范围和默认日期
[英]Bootstrap datepicker date range and default date
问题描述
I am working with bootstrap datepicker and the requirement is like when the user clicks on the test box we need to display the date picker with the default date it must be point 1/1/1980. 
我正在使用bootstrap datepicker，要求就像用户单击测试框时一样，我们需要显示日期选择器，其默认日期必须为点1/1/1980。 minDate and maxDate must be like 01/01/1900 and current date. minDate和maxDate必须类似于1900年1月1日和当前日期。 can you tell me what went wrong in my code 你能告诉我我的代码出了什么问题吗
<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() creates new date object with date and time. new Date（）使用日期和时间创建新的日期对象。 You have to use startDate:'1990-01-01' and same for enddate 您必须使用startDate：'1990-01-01'，并且将其用作结束日期
解决方案2
0 2017-01-11 08:44:43
Here you are. 这个给你。
$('#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>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.