2013-02-27 125 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

相关问题