設置默認日期 Bootstrap Datepicker

Question

如何在 Bootstrap Datepicker 中設置默認日期？

我想設置一個日期：24/12/2006

當我打開日期選擇器時，它應該在日歷上顯示這個日期選擇。

代碼：

$(function()
{

    $('#dob').datepicker(
    {
        <!--viewMode: "years",-->
        onRender: function(date) 
        {
         //return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }       
    }
    );
});

這是一個小提琴：

http://jsfiddle.net/ymp5D/204/

Answer 1

你可以做：

$('#dob').datepicker('setDate', new Date(2006, 11, 24));
$('#dob').datepicker('update');
$('#dob').val('');

小提琴演示

Answer 2

上面接受的解決方案已經過時，為了幫助擁有最新文件的其他人，如果您有版本 4 或更新版本，並且您想調用一個方法，這里是引導日期時間選擇器方法的示例：

$('#eventDate').data("DateTimePicker").date(moment(date).format('YYYY-MM-DD'));

bootstrap.datetimepicker 格式選項示例：

 $('#eventDate').datetimepicker({ format: 'YYYY-MM-DD' });

有關更多信息，請參見此處（但沒有有效示例 :)）： http : //eonasdan.github.io/bootstrap-datetimepicker/Options/

Answer 3

如果您想讓更改全局化，請在 bootstrap-datepicker.js 中查找以下內容：

function UTCToday(){
var today = new Date();
return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());

並在您的日期中進行硬編碼，例如：

function UTCToday(){
var today = new Date();
return UTCDate(2006, 00, 01);

將於 2006 年 1 月 1 日開放。請注意，出於某種原因，一月是“00”而不是“01”。

Answer 4

經過長時間的搜索后，這對我有用，此解決方案適用於 Bootstrap datetimepicker 版本 4。當您必須在輸入字段中設置默認日期時。

HTML

"input type='text' class="form-control" id='datetimepicker5' placeholder="Select to date" value='<?php echo $myDate?>'// $myDate is having value '2016-02-23' "

注意 - 如果您在 php 中編碼，那么您可以使用 php 設置輸入日期字段的值，但是當您對其應用 datetimepicker() 函數時，datetimepicker 會將其設置回當前日期。 所以為了防止它，使用給定的JS代碼

爪哇腳本

<script>
$('#datetimepicker5').datetimepicker({
    useCurrent: false, //this is important as the functions sets the default date value to the current value 
    format: 'YYYY-MM-DD'
});
</script>

Answer 5

在我的版本中，如果您將 val 放入輸入中，日歷會自動更新。

$('#birthdate').val("01/01/2001");

Answer 6

我想在啟動時設置一個日期，但提到的方法不起作用。 顯示了日期，但是當我點擊對象時，日期沒有被選中。

所以我所做的是檢索庫的 Datepicker 對象，並對其應用 _setDate 方法：

$('#dob').data("datepicker")._setDate(date);

但要使其正常工作，日期對象必須在 UTC 時間的午夜，所以在我這樣做之前：

var date = new Date();
date.setUTCHours(0,0,0,0);

然后它起作用了。

Answer 7

你可以簡單地分配一個值（和你一起給你的輸入標簽，它應該可以工作

<input type="text" class="form-control" value="22-05-2017">

Answer 8

一種解決方法：

<div class="form-group">
  <input type="text" class="form-control datepicker" name="arrivalDate" id="datepicker_arrival">
</div>

所以在你的 js 中添加這個：

$('.datepicker').datepicker({
   language: 'fr',
   todayHighlight: true,
   orientation: "bottom auto",
   startDate: "today",
   autoclose: true,
});
$('#datepicker_arrival').datepicker('setDate', new Date('2020/04/04'));

Answer 9

當我設置為默認日期時，我不想觸發 changeDate 事件，所以我使用了

$('#calendarDatePicker').data("date", new Date());

然后實例化日期選擇器

$('#calendarDatePicker').datepicker();