读书人

兼容IE 与 FF 日期控件-datePick-展示

发布时间: 2012-10-19 16:53:35 作者: rapoo

兼容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 >起始日期:</div>
<input type="text" style="width:100px;height:16px;line-height:22px;font-size:12px;float:left;" id="startDate" />
<div id="endDate" />

读书人网 >Web前端

热点推荐