用jquery在datepicker中設置初始值？

Question

我想在我的jquery ui datepicker中設置一個初始值。我嘗試了幾種不同的方式，但似乎沒有顯示日期，它是空的。

var idag = new Date(); 
$("#txtFrom").datepicker("setDate", idag - 2); 
$("#txtTom").datepicker("setDate", idag); 
$("#txtFrom").datepicker("refresh"); 
$("#txtTom").datepicker("refresh"); 

Answer 1

這個簡單的example作品對我來說...

HTML

<input type="text" id="datepicker"> 

的JavaScript

var $datepicker = $('#datepicker'); 
$datepicker.datepicker(); 
$datepicker.datepicker('setDate', new Date()); 

我能夠通過簡單的尋找到createthis和閱讀的setDate的解釋：

.datepicker（ 「的setDate」，日期）
設置的日期選擇當前日期。新日期可能是日期 對象或當前日期格式的字符串（例如'01/26/2009'）， 從今天開始的天數（例如+7）或者一串值和期間 （' ''''''''''''''''''，''''''，''''''，或者爲空以清除所選日期。

Answer 2

從jQuery：

設置爲在第一開口突出，如果該字段爲空的日期。通過Date對象指定實際日期，或者在當前的dateFormat中指定一個實際的日期，或者指定從今天開始的天數（例如+7）或者一串值和期間（'y'多年，'m'多個月， 'w'表示數週，'d'表示數天，例如'+ 1m + 7d'），或者對於今天爲空。

代碼示例

初始化與指定的defaultDate選項一個datepicker。

$(".selector").datepicker({ defaultDate: +7 }); 

在init之後獲取或設置defaultDate選項。

//getter 
var defaultDate = $(".selector").datepicker("option", "defaultDate"); 
//setter 
$(".selector").datepicker("option", "defaultDate", +7); 

的日期選擇器是intialized後，你也應該能夠設定日期：

$(/*selector*/).datepicker("setDate" , date) 

Answer 3

使用setDate

.datepicker("setDate" , date) 

設置的日期選擇當前日期。新日期可以是日期對象或當前日期格式的字符串（例如'01/26/2009'），距離今天的天數（例如+7）或者一串值和句點（'y'表示年，'m'爲幾個月，'w'爲幾周，'d'爲天，例如'+ 1m + 7d'），或者爲null以清除選定的日期。

Answer 4

您可以在HTML中設置的值，然後初始化日期選擇器啓動/凸顯的實際日期

<input name="datefrom" type="text" class="datepicker" value="20-1-2011"> 
<input name="dateto" type="text" class="datepicker" value="01-01-2012"> 
<input name="dateto2" type="text" class="datepicker" > 


$(".datepicker").each(function() {  
    $(this).datepicker('setDate', $(this).val()); 
}); 

以上，甚至與丹麥的日期格式

http://jsfiddle.net/DDsBP/2/

Answer 5

我的作品我不完全確定我是否理解了你的問題，但似乎你正在嘗試爲輸入類型Date設置值。

如果你想爲輸入型「日期」設置的值，那麼它必須被格式化爲「YYYY-MM-DD」（注：資本MM爲月，小寫毫米分鐘）。否則，它將清除該值並將日期選擇器留空。

假設你有一個名爲「DateChanger」按鈕，你要設置你的日期選擇爲「2012年12月22日」當你點擊它。

<script> 
    $(document).ready(function() { 
     $('#DateChanger').click(function() { 
      $('#dtFrom').val("2012-12-22"); 
     }); 
    }); 
</script> 
<input type="date" id="dtFrom" name="dtFrom" /> 
<button id="DateChanger">Click</button> 

請記住包含JQuery引用。

Answer 6

使用此代碼它會幫助你。

<script> 
InitializeDate(); 
</script> 




<input type="text" id="txtFromDate" class="datepicker calendar-icon" placeholder="From Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;"> 
     <input type="text" id="txtToDate" class="datepicker calendar-icon" placeholder="To Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;"> 


function InitializeDate() { 
    var date = new Date(); 
    var dd = date.getDate();    
    var mm = date.getMonth() + 1; 
    var yyyy = date.getFullYear(); 

    var ToDate = mm + '/' + dd + '/' + yyyy; 
    var FromDate = mm + '/01/' + yyyy; 
    $('#txtToDate').datepicker('setDate', ToDate); 
    $('#txtFromDate').datepicker('setDate', FromDate); 
} 

Answer 7

使用它的初始化代碼後能得到當前日期（日期選擇器格式）：

$(".ui-datepicker-today").trigger("click");