jQuery DatePicker Min Ngày tối đa

Question

Tôi có cài đặt bộ chọn ngày jQuery và đang hoạt động nhưng muốn được trợ giúp thiết lập tùy chọn minDate và maxDate. Mã hiện tại của tôi là bên dưới (không có các tùy chọn này). Làm thế nào tôi có thể đặt minDate là 3 tháng trước defaultDate, và maxDate là 28 ngày sau defaultDate?

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 
}); 

Answer 1

$(function() { 

    $("#datepicker").datepicker({ 
     changeYear: true, 
     minDate: '-3M', 
     maxDate: '+28D', 
    }); 
}); 

JSFiddle Demo

CẬP NHẬT

Bạn có thể tính toán max tour và tiêu chuẩn tối thiểu ngày hiệu lực kể từ ngày mặc định, sau đó gán nó vào bộ chọn ngày.

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: '-3M', 
    maxDate: '+28D', 
}); 

Update Demo

Answer 2

bạn có thể thử:

var expdisp = $("#expdisp").attr("value"); 

$("#expirydate").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true, 
    dateFormat: "dd/mm/yy", 
    defaultDate: expdisp, 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    changeMonth: true, 
    changeYear: true, 

    minDate: -3M, 
    maxDate: +28D 
}); 

Answer 3

maxDate: - Thiết lập ngày tối đa có thể được lựa chọn. Chấp nhận một đối tượng ngày tháng hoặc một số tương đối. Ví dụ: +7 hoặc một chuỗi chẳng hạn như + 6m.

minDate: - Đặt ngày tối thiểu có thể được chọn. Chấp nhận một số, đối tượng ngày tháng hoặc chuỗi.

$(document).ready(function() { 
    $("#date").datepicker({ 
     minDate: -3, 
     maxDate: "1w" 
    }); 

});

Tham khảo: - set Minimum and maximum date to jquery datepicker

Answer 4

Bạn cũng có thể sử dụng phạm vi ngày cụ thể. Tôi đã thêm ngày bắt đầu tối thiểu với mức + 14D tối đa. Bạn chỉ cần nhớ duy trì tính nhất quán với định dạng ngày của bạn và sử dụng "/" thay vì "-" giữa MM/DD/YYYY.

$('#Date').datepicker({ 
 
    changeMonth: true, 
 
    minDate: '10/19/2016', 
 
    maxDate: '+14D', 
 
});