jQuery를 날짜 선택기 - 비활성화 지난 날짜

해결법

1.새 날짜 객체를 생성하고 datepickers을 초기화 할 때 minDate로 설정해야합니다

새 날짜 객체를 생성하고 datepickers을 초기화 할 때 minDate로 설정해야합니다

<label for="from">From</label> <input type="text" id="from" name="from"/> <label for="to">to</label> <input type="text" id="to" name="to"/>

var dateToday = new Date();
var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    minDate: dateToday,
    onSelect: function(selectedDate) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});

편집 - 귀하의 의견에서 지금은 http://jsfiddle.net/nicolapeluchetti/dAyzq/1/ 기대 작품

2.dateToday 변수를 설정하고 사용하는 일 () 함수를 선언 .. 다음 날짜 선택기의 매개 변수 인 minDate에 할당하는 변수를 사용합니다.

dateToday 변수를 설정하고 사용하는 일 () 함수를 선언 .. 다음 날짜 선택기의 매개 변수 인 minDate에 할당하는 변수를 사용합니다.
```
var dateToday = new Date(); 
$(function() {
    $( "#datepicker" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true,
        minDate: dateToday
    });
});
```
그게 다야 ... 위의 대답은 ... 정말 도움이되었다 사람을 그것을 유지 ..

3.

$('#datepicker-dep').datepicker({
    minDate: 0
});

minDate : 나를 위해 0 작품.

4.초기 허용 날짜를 제한하기 위해 "minDate"옵션을 사용합니다. 값 "0"수단 오늘 (오늘부터 0 일) :

초기 허용 날짜를 제한하기 위해 "minDate"옵션을 사용합니다. 값 "0"수단 오늘 (오늘부터 0 일) :
```
    $(document).ready(function () {
        $("#txtdate").datepicker({
            minDate: 0,
            // ...
        });
    });
```
여기 문서 : http://api.jqueryui.com/datepicker/#option-minDate
5.그냥이에 추가 :

그냥이에 추가 :

당신은 또한 수동으로 과거에 날짜를 입력하는 사용자를 방지해야하는 경우이 가능한 솔루션입니다. 이것은 우리가하고 결국 무엇인가 (@Nicola Peluchetti의 답변에 따라)
```
var dateToday = new Date();

$("#myDatePickerInput").change(function () {
    var updatedDate = $(this).val();
    var instance = $(this).data("datepicker");
    var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, updatedDate, instance.settings);

    if (date < dateToday) {
        $(this).datepicker("setDate", dateToday);
    }
});
```
이 명령을 주면 사용자 수동 유형의 경우 오늘 날짜를 과거의 날짜 값을 변경하는 것입니다.

6.라이브 데모는,이 시도

라이브 데모는,이 시도

    $('#from').datepicker(
     { 
        minDate: 0,
        beforeShow: function() {
        $(this).datepicker('option', 'maxDate', $('#to').val());
      }
   });
  $('#to').datepicker(
     {
        defaultDate: "+1w",
        beforeShow: function() {
        $(this).datepicker('option', 'minDate', $('#from').val());
        if ($('#from').val() === '') $(this).datepicker('option', 'minDate', 0);                             
     }
   });

7.이이 작업을 수행하는 쉬운 방법입니다

이이 작업을 수행하는 쉬운 방법입니다
```
$('#datepicker').datepicker('setStartDate', new Date());
```
또한 우리는 미래의 일 해제 할 수 있습니다
```
$('#datepicker').datepicker('setEndDate', new Date());
```

8.날짜 선택기 세트의 startDate 속성은, 작동, 아래의 작업 코드

날짜 선택기 세트의 startDate 속성은, 작동, 아래의 작업 코드

$(function(){
$('#datepicker').datepicker({
    startDate: '-0m'
    //endDate: '+2d'
}).on('changeDate', function(ev){
    $('#sDate1').text($('#datepicker').data('date'));
    $('#datepicker').datepicker('hide');
});
})

9.jQuery를 API 문서 - 날짜 선택기

jQuery를 API 문서 - 날짜 선택기

최소 선택 날짜입니다. null로 설정하면, 최소 없다.

여러 유형이 지원 :

날짜 : 최소 날짜를 포함하는 날짜 객체입니다. 번호 : 오늘부터 일의 숫자입니다. 예를 들어 2는 오늘부터 이틀 나타내며 어제는 -1이다. 문자열 : dateformat 옵션, 또는 상대 날짜에 의해 정의 된 형식의 문자열입니다. 상대 날짜 값과 기간 쌍을 포함해야 유효 기간은 일에 대한 주 w 년 Y, 달 m, 및 D입니다. 예를 들어, + 1m + 7D는 1 개월 오늘부터 7 일이다.

위해 오늘 이외의 이전 날짜를 표시하지
```
$('#datepicker').datepicker({minDate: 0});
```
10."분 날짜"속성은 JQuery와 날짜 선택기에서 해제 과거 날짜로 사용되어야한다.

"분 날짜"속성은 JQuery와 날짜 선택기에서 해제 과거 날짜로 사용되어야한다.
```
Ex:

$(function() {
    $( "#datepicker" ).datepicker({minDate: new Date()});
});
```
또는
```
$(function() {
  $( "#datepicker" ).datepicker({minDate: 0});
});
```

11.당신의 코드를 대체 :

당신의 코드를 대체 :

예전의 코드 :

$("#dateSelect").datepicker({
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy-mm-dd'

});

새로운 코드 :

$("#dateSelect").datepicker({
    showOtherMonths: true,
    selectOtherMonths: true,
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
    dateFormat: 'yy-mm-dd',
    minDate: 0
});

12.() 새로운 날짜 : startDate를 설정함으로써,

() 새로운 날짜 : startDate를 설정함으로써,

$('.date-picker').datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1,
    ...
    startDate: new Date(),
});

13.내가 해제 이전의 날짜, 해제 유연한 주말에 기능을 만들었습니다 (마찬가지로 토요일, 일요일)

내가 해제 이전의 날짜, 해제 유연한 주말에 기능을 만들었습니다 (마찬가지로 토요일, 일요일)

우리는 jQuery를 UI의 날짜 선택기 플러그인의 beforeShowDay 방법을 사용하고 있습니다.

<스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> VAR NotBeforeToday = 함수 (일자) { VAR는 이제 새로운 날짜 () =; //이 현재 날짜와 시간을 가져옵니다 (date.getFullYear () == now.getFullYear () && date.getMonth () == now.getMonth () && date.getDate ()> = now.getDate () && (date.getDay ()> 0 인 경우 && date.getDay () <6)) 창 [TRUE ","]; 경우 (date.getFullYear ()> = now.getFullYear () && date.getMonth ()> now.getMonth () && (date.getDay ()> 0 && date.getDay () <6)) 창 [TRUE ","]; 경우 (date.getFullYear ()> now.getFullYear () && (date.getDay ()> 0 && date.getDay () <6)) 창 [TRUE ","]; 창 [FALSE ","]; } jQuery를 ( "#의 날짜 선택기"). 날짜 선택기 ({ beforeShowDay : NotBeforeToday });

여기에 오늘 날짜는 9월 15일 나는 장애인 토요일과 일요일 한 것입니다.

14.이 같은 변수에 현재 날짜를 선언해야

이 같은 변수에 현재 날짜를 선언해야

 $(function() {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $('#datepicker').datepicker({
    minDate: new Date(currentYear, currentMonth, currentDate)
    });
})

15.
```
$( "#date" ).datetimepicker({startDate:new Date()}).datetimepicker('update', new Date());
```
새로운 날짜 () 함수는 오늘 날짜를 얻을 이전 날짜가 고정됩니다. 100 % 작업
16.당신은 간단하게 사용할 수 있습니다

당신은 간단하게 사용할 수 있습니다
```
startDate: 'today'
```
나를 위해 잘 작동.

from https://stackoverflow.com/questions/8356358/jquery-date-picker-disable-past-dates by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 이벤트 사용자가 스크롤을 중지 (0)	2020.10.14
[JQUERY] 어떻게 온라인 / 오프라인 이벤트 크로스 브라우저를 감지? (0)	2020.10.14
[JQUERY] 어떤 선택 나는 그것의 텍스트 별 옵션을 선택해야합니까? (0)	2020.10.14
[JQUERY] 자바 스크립트에서 null로 병합 (엘비스) 운영자 또는 안전한 항해 운영자가 있습니까? (0)	2020.10.14
[JQUERY] 크로스 도메인 포스트에 자격 증명을 보내는? (0)	2020.10.14

복붙노트

[JQUERY] jQuery를 날짜 선택기 - 비활성화 지난 날짜

jQuery를 날짜 선택기 - 비활성화 지난 날짜

해결법

1.새 날짜 객체를 생성하고 datepickers을 초기화 할 때 minDate로 설정해야합니다

2.dateToday 변수를 설정하고 사용하는 일 () 함수를 선언 .. 다음 날짜 선택기의 매개 변수 인 minDate에 할당하는 변수를 사용합니다.

3.

4.초기 허용 날짜를 제한하기 위해 "minDate"옵션을 사용합니다. 값 "0"수단 오늘 (오늘부터 0 일) :

5.그냥이에 추가 :

6.라이브 데모는,이 시도

7.이이 작업을 수행하는 쉬운 방법입니다

8.날짜 선택기 세트의 startDate 속성은, 작동, 아래의 작업 코드

9.jQuery를 API 문서 - 날짜 선택기

10."분 날짜"속성은 JQuery와 날짜 선택기에서 해제 과거 날짜로 사용되어야한다.

11.당신의 코드를 대체 :

12.() 새로운 날짜 : startDate를 설정함으로써,

13.내가 해제 이전의 날짜, 해제 유연한 주말에 기능을 만들었습니다 (마찬가지로 토요일, 일요일)

14.이 같은 변수에 현재 날짜를 선언해야

15.

16.당신은 간단하게 사용할 수 있습니다

'JQUERY' 카테고리의 다른 글

티스토리툴바