Question

我正在使用bootstrap datepicker，并且要求就像当用户点击测试框时我们需要显示日期选择器，默认日期必须是1/1/1980。 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>

Answer 1

new Date（）创建包含日期和时间的新日期对象。你必须使用startDate：'1990-01-01'和enddate

相同

Answer 2

你在这里。

＆＃13;

$('#txtDob').datepicker({
    startDate: new Date(1990, 01, 01),
    endDate: new Date(),
    setDate: new Date(1980, 01, 01),
    autoclose: true
});

＆＃13;

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

＆＃13;

Bootstrap datepicker日期范围和默认日期

2 个答案: