2012-10-11 37 views
0

我有兩個datepickers:jQuery的日期選擇器操作

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery('#startdatepicker').datepicker(); 
    }); 
</script> 

<script type="text/javascript"> 
    jQuery(function() { 
     jQuery('#enddatepicker').datepicker(); 
    }); 
</script> 

如何修改它,這樣的默認日期是今天的兩個日期選擇器日期?

如果將開始日期選爲不同日期,則允許選擇結束日期> =開始日期。如果結束日期首先被修改,則允許開始日期爲< =結束日期。

<td align='center'>Start Date:<input type='text' name='start_date' id='startdatepicker' /></td> 
<td align='center'>End Date: <input type='text' name='end_date' id='enddatepicker' /></td> 

回答

0

您可以使用datepicker插件的選項。 jQuery date picker manipulations

您也可以嘗試在看以前問堆棧溢出問題:How do I pre-populate a jQuery Datepicker textbox with today's date?

下面是示例代碼

$(document).ready(function(){ 
    $("#startdatepicker").datepicker({ 
    }); 
    var myDate = new Date(); 
    var month = myDate.getMonth() + 1; 
    var prettyDate = month + '/' + myDate.getDate() + '/' + myDate.getFullYear(); 
    $("#startdatepicker").val(prettyDate); 
});