引导日期选择器日期范围和默认日期答案

【问题标题】：Bootstrap datepicker date range and default date引导日期选择器日期范围和默认日期
【发布时间】：2017-01-18 06:00:45
【问题描述】：

我正在使用引导程序日期选择器，要求就像当用户单击测试框时，我们需要显示日期选择器，默认日期必须是 1980 年 1 月 1 日。 minDate 和 maxDate 必须像 01/01/1900 和当前日期。你能告诉我我的代码出了什么问题吗

<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>

【问题讨论】：

可能是你的日期格式不对

标签： javascript jquery datepicker jquery-ui-datepicker bootstrap-datepicker

【解决方案1】：

new Date() 创建带有日期和时间的新日期对象。您必须使用 startDate:'1990-01-01' 和 enddate 相同

【讨论】：

【解决方案2】：

你来了。

$('#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>

【讨论】：