如何为datepicker设置最小和最大日期?

时间:2016-02-29 00:19:57

标签: javascript jquery datepicker

这是我到目前为止所尝试的内容:

Date of birth : <input id="date_of_birth" type="text" /><br />

我的Javascript代码是这样的:

$(function(){

    $('#date_of_birth').datepicker({

        monthNames: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ],
        dayNames: [ "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu" ],
        dayNamesMin: [ "M", "S", "S", "R", "K", "J", "S" ],
        //showOn: 'both',
        dateFormat: 'yy-mm-dd',
        changeMonth: true,
        changeYear: true,
        inline: true,
        yearRange: '-100:-12',
    });
});

演示是这样的:http://jsfiddle.net/oscar11/8w8v9/1133/

解决我问题的任何解决方案?

谢谢

2 个答案:

答案 0 :(得分:3)

$(function(){

    $('#date_of_birth').datepicker({

      monthNames: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ],
      dayNames: [ "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu" ],
      dayNamesMin: [ "M", "S", "S", "R", "K", "J", "S" ],
      dateFormat: 'yy-mm-dd',
      changeMonth: true,
      changeYear: true,
      inline: true,
      minDate: '-100Y',
      maxDate: '-12Y',
    }); 
});

more info on datePicker

答案 1 :(得分:0)

这对我有用

$(function(){
$('#date_of_birth').datepicker({
    //dateFormat: 'dd-mm-yy',
    //altField: '#thealtdate',
    //altFormat: 'yy-mm-dd'

    monthNames: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ],
            dayNames: [ "Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu" ],
            dayNamesMin: [ "M", "S", "S", "R", "K", "J", "S" ],
//                        showOn: 'both',
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            inline: true,
            yearRange: (new Date().getFullYear() - 100)+":",
            maxDate: '-12y'



});});