使用日期選擇器在日期文本框中顯示的默認日期

Question

我正在使用下面的Jquery datepicker。

<script type="text/javascript" src="Custom/jQueryDatePicker/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="Custom/jQueryDatePicker/jquery-ui-1.7.2.custom.min.js"></script> 
<link type="text/css" href="Custom/jQueryDatePicker/jquery-ui-1.7.2.custom.css" rel="stylesheet" /> 

<div class='Form_Header_ExtraSpaceAbove'><p class='Form_Header'>Select Date</p> 

<input type="text" id="datepicker" style="width:200px;" readonly="true" title="Select date"><br><br> 

<script type="text/javascript"> 

$(document).ready(function() { 


    var varName = "Date"; 

    var today = new Date(); 

    $("#datepicker").datepicker({ 

    showOn: 'button', 
    buttonImageOnly: true, 
    showOn: "both", 
     onClose: function(dateText, inst) { FormSetFieldValue(varName, dateText); }, 
    buttonImage: 'Custom/jQueryDatePicker/cal.jpg', 
    dateFormat: "d MM yy", 
    buttonText: "Pick a date" 
    }); 

    $(".ui-datepicker-trigger").mouseover(function() { 
      $(this).css('cursor','pointer'); 
    }); 

    $(".ui-datepicker-trigger").css("margin", "0px 0px -10px 0px"); 

    $("#datepicker").val(FormGetFieldValue(varName)); 


}); 



function FormGetFieldValue (fieldName) 
{ 
    return PFSF_GetFieldValueByName("FIELD_" + FieldIDs[fieldName]); 
} 

function FormSetFieldValue (fieldName, fieldValue) 
{ 
    PFSF_SetControlValue(PFSF_Find('FIELD_' + FieldIDs[fieldName]), fieldValue); 
} 


</script> 
</div> 

但我無法設置窗體加載時顯示在文本框中的默認日期。只有當我點擊日曆圖標並選擇日期時，日期才顯示在日期文本框中。

所以請幫助我在日期文本框中默認顯示今天的日期，當表單加載時，日期文本框不是空白的，直到我在日期選擇。

Answer 1

更換

$("#datepicker").val(FormGetFieldValue(varName)); 

通過

$("#datepicker").datepicker('setDate',FormGetFieldValue(varName)); 

Answer 2

只是在結尾處添加.datepicker("setDate", new Date());。 Live jsfiddle http://jsfiddle.net/tDLcC/

$("#datepicker").datepicker({ 

    showOn: 'button', 
    buttonImageOnly: true, 
    showOn: "both", 
     onClose: function(dateText, inst) { FormSetFieldValue(varName, dateText); }, 
    buttonImage: 'Custom/jQueryDatePicker/cal.jpg', 
    dateFormat: "d MM yy", 
    buttonText: "Pick a date" 
    }).datepicker("setDate", new Date());