jquery dtetimepicker下拉框

$("#DateFrom").datepicker({       

 changeMonth: true, //显示月份下拉框 
 changeYear: true, //显示年份下拉框 
 firstDay: 0, //第一天的索引（星期天放前面）（星期天到星期六对应的索引为：0~6） 
 showOtherMonths: true, //显示其他月份的日期 
  showMonthAfterYear: false, //年份下拉框放在月份下拉框的前面还是后面 
  prevText: "上一月", //跳转到上一页的提示文本 
  nextText: '下一月', //跳转到下一页的提示文本 
  stepMonths: 2, //每点击一次“上一月”或者“下一月”，移动2个月 
  navigationAsDateFormat: true, 
  showCurrentAtPos: 3, //离当前月偏移3个月 
  showOn: 'both', 
  //minDate/maxDate/hideIfNoPrevNext为一组 
  minDate:'-10', // 
  maxDate: '35', 
  hideIfNoPrevNext: false, //据说是禁止使用prev 和next ,必须配合maxDate和minDate使用 
  // defaultDate: 2, //设置当前日期 
   gotoCurrent: true, 
   numberOfMonths: 2, //一次显示2个月（2个日历） 
    yearRange: '2009:2019' //显示可选的年份 

});

 

设置完成后，有些版本可能会出现，排版问题(年月不在一行的情况)，这时应该修改jquery.ui.datepicker.css文件中的

.ui-datepicker select.ui-datepicker-year  { width: 49%;}为

.ui-datepicker select.ui-datepicker-year { width: 43%;}