Question

我正在使用bootstrap datepicker。我希望在第一次加载时在我的日历中显示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

修复以下错误：

error-Uncaught 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("");

然后，您会看到带有日历的空白输入框具有默认的Year / Month。

祝你好运。

Answer 6

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

DAta.read()

bootstrap datepicker设置默认日期不起作用

6 个答案: