문제

jQuery 날짜 선택기의 선택한 날짜를 동적으로 동적으로 변경하려면 어떻게해야합니까? 나는 인라인 날짜 선택기를 만들었다 고 말합니다. 그런 다음 얼마 후, 나는 DatePicker를 처음부터 재현하지 않고 다른 날짜를 반영하고 싶습니다.

SetDate 메소드를 시도했지만 작동하지 않았지만 문서가별로 없습니다. 문서.

또 다른 (확장?) 플러그인이 있습니다 여기, 그러나 jquery.ui.all.js가있는 플러그인을 사용하고 싶습니다.

도움이 되었습니까?

해결책

어떤 버전의 jQuery-UI를 사용하고 있습니까? 1.6R6, 1.7 및 1.7.1로 다음을 테스트했으며 작동합니다.

//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );

다른 팁

Mindate 또는 MaxDate 옵션이 설정된 경우 허용 날짜 범위 내에 놓여있는 날짜가 허용 날짜 범위 내에 있는지 확인하십시오.

이 예제는 드롭 다운 캘린더에서 기본값을 사용하는 방법과 텍스트 상자에서 값을 보여줍니다. 또한 기본값을 이전 날짜로 설정하는 방법을 보여줍니다.

SelectedDate는 달력 제어의 현재 선택된 날짜를 보유하는 또 다른 변수입니다.

    var date = new Date();
    date.setDate(date.getDate() - 1);

    $("#datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        defaultDate: date,
        onSelect: function () {
            selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate'));
        }
    });

    $("#datepicker").datepicker("setDate", date);

Keith Wood의 DatePicker에 대해 언급했습니다.http://keith-wood.name/datepickref.html) 다음 작업 - 기본 날짜의 설정은 마지막입니다.

    $('#datepicker').datepick({
        minDate: 0,
        maxDate: '+145D',
        multiSelect: 7,
        renderer: $.datepick.themeRollerRenderer,
        ***defaultDate: new Date('1 January 2008')***
    });

어떤 이유로 든 어떤 경우에는 SetDate 작업을 할 수 없었습니다.

내가 찾은 해결 방법은 단순히 주어진 입력의 값 속성을 업데이트하는 것입니다. 물론 DatePicker 자체는 업데이트되지 않지만 방금 찾는 것이 날짜를 표시하는 것이면 잘 작동합니다.

var date = new Date(2008,9,3);
$("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear());
// Will display 9/3/2008 in your #your-input input
$('.date-pick').datePicker().val(new Date()).trigger('change')

마지막으로, 지난 몇 시간 동안 내가 찾는 것은! 텍스트 필드에서 설정 날짜가 아니라 변경 사항을 시작해야합니다!

SetDate는 jQuery UI에 사용되는 인라인 날짜 피커의 문제인 것 같습니다. 특정 오류는 내부 오류입니다. 너무 많은 재귀입니다.

이것은 나를 위해 작동합니다 :

$("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));

이것은 오래된 스레드이지만 내가 사용한 방법에 대한 정보를 제공하고 싶습니다. 오늘 날짜를 설정하려면 아래처럼 간단히 적용 할 수 있습니다.

 $("#datepickerid").datepicker("setDate", "0");

현재 날짜 전/이후 며칠을 설정하려면 기호를 사용하십시오. -/+ 아래에서 원하는 며칠의 상징.

 $("#datepickerid").datepicker("setDate", "-7");
 $("#datepickerid").datepicker("setDate", "+5");

SetDate 방법에도 많은 문제가있었습니다. v1에서만 작동하는 것 같습니다. 그러나 작동하는 것은 dpsetselected 메소드를 사용하는 것입니다.

    $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString());

행운을 빕니다!

HTML에서는 이와 같은 날짜 선택기로 입력 필드를 추가 할 수 있습니다.

<input class="form-control date-picker fromDates" id="myDate" type="text">

그런 다음 Java 스크립트에서 DatePicker를 초기화하고 이와 같은 날짜로 값을 설정하십시오.

$('.fromDates').datepicker({
                maxDate: '0',
                dateFormat: "dd/mm/yy",
                changeYear: true,
                changeMonth: true,
                yearRange: "-100:+0"
            });

var myDateVal = moment('${value}').format('DD/MM/YYYY');
$('#myDate').datepicker().datepicker('setDate', myDateVal );

(여기에서 Date 속성에서 현재 날짜의 이전 날짜를 보여줍니다)

또는 단순히 가질 수 있습니다

$('.date-pick').datePicker().val(new Date()).trigger('change')
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top