当前位置: 代码迷 >> Web前端 >> 兼容IE 与 FF 日期控件-datePick-展示当前日期,禁用当前日期之前日期
  详细解决方案

兼容IE 与 FF 日期控件-datePick-展示当前日期,禁用当前日期之前日期

热度:473   发布时间:2012-10-19 16:53:35.0
兼容IE 与 FF 日期控件--datePick--显示当前日期,禁用当前日期之前日期
要用datePick,首先要导入在你JSP中导入
<link rel="stylesheet" type="text/css" href="resource/css/jquery.datepick.css" />
<script type="text/javascript" src="resource/js/common/jquery-1.4.2.js"></script>
<script type="text/javascript" src="resource/js/common/jquery.datepick.js"></script>




js 代码
<script type="text/javascript">
$(document).ready(){
  
   $.datepick.regional['zh-CN'] = {clearText: '清除', clearStatus: '清除已选日期',  

  closeText: '关闭', closeStatus: '不改变当前选择',  

  prevText: '<上月', prevStatus: '显示上月',  

  nextText: '下月>', nextStatus: '显示下月',  

  currentText: '今天', currentStatus: '显示本月',  

  monthNames: ['一月','二月','三月','四月','五月','六月',  

  '七月','八月','九月','十月','十一月','十二月'],  

  monthNamesShort: ['一','二','三','四','五','六',  

  '七','八','九','十','十一','十二'],  

  monthStatus: '选择月份', yearStatus: '选择年份',  

  weekHeader: '周', weekStatus: '年内周次',  

  dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  

  dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  

  dayNamesMin: ['日','一','二','三','四','五','六'],  

  dayStatus: '设置 DD 为一周起始', dateStatus: '选择 m月 d日, DD',  

  dateFormat: 'yy/mm/dd', firstDay: 1, todayText:'今天',  

  initStatus: '请选择日期', isRTL: false
  };  

  $("#startDate").datepick({
  dateFormat:'yyyy-mm-dd',
  onSelect:customStartRange
   });

  $("#startDate").datepick('getDate');
  $('#startDate').datepick('setDate', '+0m -3d') ;
 
  var date1 =$("#startDate").val();
 
  var arys1=date1.split('-');  
      var sdate=new Date(arys1[0],parseInt(arys1[1]-1),arys1[2]);

  $("#endDate").datepick(
  {
  dateFormat:'yyyy-mm-dd',
  minDate :sdate
  });
 

 
      $.datepick.setDefaults($.datepick.regional['zh-CN']);

}


function customStartRange(dates){

    $("#endDate").datepick('option','minDate',dates[0]||null);
}
</script>


html 代码
<div class="texts_ledft" >起始日期:</div>
        <input   type="text"  style="width:100px;height:16px;line-height:22px;font-size:12px;float:left;" id="startDate" />
        <div class="texts_ledft"   >结束日期:</div>
        <input  type="text"  style="width:100px;height:16px;line-height:22px;font-size:12px;float:left;" id="endDate" />