引導日期選擇器設置默認日期不起作用

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