下拉日期选择范围日期

时间:2013-08-14 09:01:46

标签: datepicker jquery-ui-datepicker

我的datepicker文本框有以下代码:

 <!-- Setup Datepicker -->
 <script type="text/javascript"><!--
 $(function() {

 $('input').filter('.datepicker').datepicker({
   changeMonth: true,
   changeYear: true,
   showOn: 'button',
   buttonImage: 'jquery/calendar.gif',
   buttonImageOnly: true
   });
   });
    --></script>

我想设置从1910年到2014年的年度幻灯片下拉。

我读过API,但我是编码新手,不懂,也不知道如何申请。

我该怎么办?

我必须在此代码中添加什么内容?

如何将语言从英语更改为西班牙语?

1 个答案:

答案 0 :(得分:0)

在这里工作:

添加选项 yearRange:'1910:2014'

$(function() {
   $( "#datepicker" ).datepicker({changeMonth: true,changeYear: true,
      yearRange: '1910:2014'});
});

<p>Date: <input type="text" id="datepicker" /></p>

更新1

$(function() {
$.datepicker.regional['es'] = {
            closeText: 'Cerrar',
            prevText: '&#x3c;Ant',
            nextText: 'Sig&#x3e;',
            currentText: 'Hoy',
            monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
            'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
            monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
            'Jul','Ago','Sep','Oct','Nov','Dic'],
            dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
            dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
            dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
            weekHeader: 'Sm',
            dateFormat: 'dd/mm/yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['es']);

//for year list
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
yearRange: '1910:2014'});
});

<p>Date: <input type="text" id="datepicker" /></p>