Несколько дней назад я спросил у pretty similar question, но этот вариант достаточно разный, что мне не хотелось сбрасывать другую полезную тему. Я в основном хочу настроить два поля ввода текста и подключить их обоих с помощью Datepicker jQuery UI, чтобы они действовали как диапазон ... Я хочу, чтобы вторая дата начала ввода была зависима от того, что вы выбрали в первом вводе поле. Например, если я выбираю 10-25-2010 для первого поля, то самый ранний день, который вы можете выбрать во втором поле, должен быть 10-26-2010. Любая помощь или направление на эту тему были бы очень признательны!jQuery UI Datepicker Range
2
A
ответ
11
$(function() {
$('#txtStartDate, #txtEndDate').datepicker({
showOn: "both",
beforeShow: customRange,
dateFormat: "dd M yy",
});
});
function customRange(input) {
if (input.id == 'txtEndDate') {
var minDate = new Date($('#txtStartDate').val());
minDate.setDate(minDate.getDate() + 1)
return {
minDate: minDate
};
}
}
crazy demo
1
$('#firstinputfield').datepicker({
//your other configurations.
onSelect: function(){
var start = $('#firstinputfield').val();
var days = parseInt('1');
var date = new Date(start);
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var edate= new Date(y, m, d+days);
$('#secondinputfield').datepicker({
//Your other configurations.
minDate:edate
});
}
});
0
onSelect: function(dateText, inst) {
try {
var date = $.datepicker.parseDate("dd/mm/yy", dateText);
if (date) {
date.setDate(date.getDate() + 1);
$("#secondDatePicker").datepicker("setDate", date);
}
}
catch(e) {}
}
2
DatePicker документация JQuery UI сама обеспечивает хороший пример того, как связать два datepickers, чтобы обеспечить допустимые диапазоны дат.
Смотрите пример здесь: http://jqueryui.com/datepicker/#date-range
не требуется никаких дополнительных плагинов, хотя, если вы хотите, чтобы создать простой, который будет принимать идентификаторами даты начала и окончания полей и подключить в нужных битов кода которые они дают в документах, было бы довольно просто.
Смежные вопросы
- 1. jQuery-ui datepicker range выпуск
- 2. jQuery Datepicker mark range
- 3. JQuery ui range
- 4. jquery datepicker range disable field
- 5. jQuery UI Datepicker range select for three dates
- 6. Сохранить даты в min и max range jQuery ui datepicker
- 7. Datepicker jquery ui-datepicker-trigger
- 8. Работать вокруг ошибки jQuery-ui Date-Range?
- 9. Styling jQuery UI range slider
- 10. jQuery UI Range слайдер ошибка?
- 11. jQuery ui timepicker add-on - range issue
- 12. jQuery UI datepicker диапазон дат
- 13. JQuery UI datepicker minDate
- 14. JQuery UI Datepicker
- 15. JQuery UI: datepicker
- 16. jQuery UI Datepicker
- 17. Magento Jquery UI DatePicker
- 18. JQuery Datepicker UI transparent
- 19. jQuery UI datepicker performance
- 20. jQuery Datepicker UI Tooltip
- 21. jQuery UI DatePicker theme
- 22. Jquery UI Datepicker
- 23. jQuery-UI Datepicker: Draggable?
- 24. Databinding JQuery UI DatePicker
- 25. ajax datepicker jquery ui
- 26. JQuery UI Datepicker SetDate
- 27. jQuery UI datepicker binding
- 28. Форматирование jQuery UI datepicker
- 29. jQuery UI datepicker issues
- 30. jQuery UI datepicker translation
вот аналогичный вопрос: http://stackoverflow.com/questions/330737/jquery-datepicker-2-inputs-textboxes-and-restricting-range – lock