自定义设置日期 - jquery datepicker
问题描述:
在这里有一个日期选择器: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>
答
也许是这样的? (很快完成,你可能需要调整 - 不依赖于它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。
感谢您的回复。我无法得到这个工作,但我很可能做错了什么。有任何想法吗? – Jack 2013-06-27 18:02:25
你在哪里遇到问题? – Goose 2013-06-27 23:32:44
我只是不知道如何正确实现你的代码 – Jack 2013-06-29 22:39:45