JQuery-UI日期插件datepicker

开始<input id="s_date" type="text" value="" />结束<input id="e_date" type="text" value="" />
$('#s_date').datepicker({
  dateFormat: 'yy-mm-dd',  //日期格式
  buttonImage: 'resources/img/date.gif',  //按钮的图片路径  
  buttonImageOnly: true,  //Show an image trigger without any button.
  showOn: 'both',//触发条件,both表示点击文本域和图片按钮都生效
  yearRange: '1900:2999',//年份范围
  clearText:'清除',
  closeText:'关闭',         
  prevText:'前一月',         
  nextText:'后一月',         
  currentText:' ',         
  monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
  onSelect: function( selectedDate ) {
    $( "#e_date" ).datepicker( "option", "minDate", selectedDate );
  }
});
$('#e_date').datepicker({
  dateFormat: 'yy-mm-dd',  //日期格式
  buttonImage: 'resources/img/date.gif',  //按钮的图片路径  
  buttonImageOnly: true,  //Show an image trigger without any button.
  showOn: 'both',//触发条件,both表示点击文本域和图片按钮都生效
  yearRange: '1900:2999',//年份范围
  clearText:'清除',
  closeText:'关闭',         
  prevText:'前一月',         
  nextText:'后一月',         
  currentText:' ',         
  monthNames:['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
  onSelect: function( selectedDate ) {//与开始日期关联
    $( "#s_date" ).datepicker( "option", "maxDate", selectedDate );
  }
});

你可能感兴趣的:(jquery,日期,Datepicker,JQuery日期,JqueryUI)