2013-02-27 4 views
0

С датепике, как здесь: http://jqueryui.com/datepicker/, мне интересно, как его настроить, если пользователь вводит номер 5 в текстовое поле, датапикер автоматически установит дату на Today + 5 Итак, если вы хотите установить дату на 30 дней в будущем, вы наберете 30, а datepicker установит правильную дату.Настройка даты установки - jQuery datepicker

Я бы хотел, чтобы эта функциональность была в дополнение к существующей, а не вместо нее.

Любые мысли?

Спасибо.

Edit:

Вот пример 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; 
    } 

Затем установите значение в DatePicker быть strDate.

+0

Спасибо за ваш ответ. Я не могу заставить это работать, но я скорее всего ошибаюсь. Есть идеи? – Jack

+0

Где вы столкнулись с проблемами? – Goose

+0

Я просто не уверен, как правильно реализовать ваш код – Jack

Смежные вопросы