2013-02-27 159 views
0

在這裏有一個日期選擇器:http://jqueryui.com/datepicker/,我想知道如何自定義它,所以如果用戶在文本框中輸入數字5,日期選擇器會自動將日期設置爲今天+5因此,如果您想將日期設置爲未來30天,則應鍵入30,並且日期選擇器將設置正確的日期。自定義設置日期 - jquery datepicker

我希望這個功能是現有的而不是代替它的。

有什麼想法?

謝謝。

編輯:

這裏是我使用的日期選擇器的一個例子。

<!doctype html> 

<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>jQuery UI Datepicker - Restrict date range</title> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css" /> 
<script> 
$(function() { 
$("#datepicker").datepicker({ minDate: -20, maxDate: "+1M +10D" }); 
}); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker" /></p> 


</body> 
</html> 

回答

0

也許是這樣的? (很快完成,你可能需要調整 - 不依賴於它100%)

textboxVal = $('#textboxID').val(); 
var date = new Date($textboxVal); 

    function formatDate() { 
     var month = date.getMonth() + 1 ; 
     var day = date.getDate() + textboxVal; 
     var year = date.getFullYear(); 
     month = month < 10 ? '0' + month : month; 
     day = day < 10 ? '0' + day : day; 
     var strDate = month + '/' + day + '/' + year; 
     return strDate; 
    } 

然後在日期選擇器中設置的值是strDate。

+0

感謝您的回覆。我無法得到這個工作,但我很可能做錯了什麼。有任何想法嗎? – Jack 2013-06-27 18:02:25

+0

你在哪裏遇到問題? – Goose 2013-06-27 23:32:44

+0

我只是不知道如何正確實現你的代碼 – Jack 2013-06-29 22:39:45

相關問題