設置默認日期引導日期選擇器

我想成立日期：24/12/2006

當我打開日期選擇器應該告訴我這個日期選擇上壓光機。

代碼：

$(function() 
{ 

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

這裏是一個小提琴：

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

來源

2014-02-19 Hassan Sardar

你可以這樣做：

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

Fiddle Demo

來源

2014-02-19 14:07:56 Felix

Great..this一會工夫...... –

我有更多的參數，我怎樣才能將它們添加像： –

VIEWMODE：或「年」， –

如果你想改變世界，尋找在引導-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日。請注意，由於某些原因，1月是'00'而不是'01'。

來源

2014-10-22 13:26:06 smkings

以上接受的解決方案變得陳舊，幫助別人誰擁有最新的文件，如果你有第4版或更新版本，並且要調用一個方法，這裏是自舉的DateTimePicker方法的例子：

$('#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/

來源

2015-07-22 12:05:03

當我這樣做，我得到一個JS錯誤，說「TypeError：$（...）。數據（...）。日期不是一個函數」。這僅適用於某個版本嗎？ – Onikoroshi

經過長時間的搜索後，此工作適用於我，此解決方案適用於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編碼，那麼你可以設置輸入的DateField使用PHP的值，但是，當你申請的DateTimePicker（）函數，它的DateTimePicker設置回當前日期。因此，爲了防止它，使用給定的JS代碼

JAVASCRIPT

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

來源

2016-04-05 05:46:14

我試過這個，但是當使用清除按鈕時，即使文本爲空，值屬性也會保持填充狀態。 –

我想在啓動時設置日期和mentionned方法沒有奏效。顯示日期，但是當我點擊對象時未選擇日期。

所以我所做的是檢索庫的日期選擇對象，並應用其上的_setDate方法：

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

但對於這項工作，日期對象必須是在午夜UTC時間，所以在我做之前：

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

然後它工作。

來源

2017-04-25 08:49:51 johanvs

你可以簡單地分配一個值（帶你到你輸入的標籤，它應該工作

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

來源

2017-05-22 15:42:06

我試過這個，但是當使用清除按鈕時，值屬性保持填充狀態。 –

在我的版本，如果你把VAL輸入，日曆會自動更新。

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

來源

2017-08-07 09:57:05

設置默認日期引導日期選擇器

回答

相關問題