引导日期选择器设置默认日期不起作用

Question

我正在使用引导日期选择器，我想在第一次加载日历时在日历中显示01-01-1960作为选定日期。

javascript

 <script src="~/Content/js/datepicker/bootstrap-datepicker.js"></script>
 <link href="~/Content/js/datepicker/datepicker.css" rel="stylesheet" />

 <script type="text/javascript">
$(document).ready(function () {
      $('.datepicker-input').datepicker({
        defaultViewDate: { year: 1960, month: 01, day: 01 },
        format: 'mm-dd-yyyy',
    });

});

我正在使用这个主题-http://flatfull.com/themes/scale/form-elements.html 。

Answer 1

您可以设置默认日期，例如：

 <script src="~/Content/js/datepicker/bootstrap-datepicker.js"></script>
 <link href="~/Content/js/datepicker/datepicker.css" rel="stylesheet" />

 <script type="text/javascript">
$(document).ready(function () {
      $('.datepicker-input').datepicker({
        'setDate', new Date(1960, 01, 01 ),
        'format': 'mm-dd-yyyy',
    });

});
</script>

Answer 2

试试这个。

<script type="text/javascript">    
$(document).ready(function () {

        $('.datepicker-input').datepicker({
        dateFormat: 'yy-mm-dd'
    });
          $('.datepicker-input').datepicker('setDate', new Date(1960,00,01));

          $('.datepicker-input').val('');
    });
</script>

这个对我有用。

Answer 3

$('.datepicker-input').datepicker({
    useCurrent: false,
    setDate: new Date(1960, 01, 01),
});

将useCurrent设置为false ，则setDate将起作用。

Answer 4

要修复以下错误：

错误未捕获的TypeError：data [option]不是函数

您应该使用选项setValue而不是setDate！

$(".datepicker-input").datepicker("setValue", new Date());

Answer 5

我找到了在此问题上设置默认值的简单解决方案。

根据Google的研究，您不能在此处简单地添加“默认日期”选项，但可以设置“ setDate”选项。 因此，例如...

<div class="fullDate input-group date" id="atdcRegReqDtDiv">
<input type="text" class="form-control inputstl" id="REQ_DT">
<span class="input-group-addon"><i class="dtPick glyphicon glyphicon-calendar"></i></span>
</div>

将setDate选项添加到对象，然后将空值添加到文本输入中。

$('#atdcRegReqDtDiv').datepicker('setDate', "2018-09-14");
$('#REQ_DT').val("");

然后，您可以看到带有日历的空输入框具有默认的“年/月”。

祝好运。

Answer 6

您可以使用Jquery defaultDate设置默认日期：

defaultDate: new Date(1960, 01, 01);