jeDate:http://www.jayui.com/jedate/
<link rel="stylesheet" href="css/jedate.css"/>
<script src="js/jedate.js"></script>
链接: http://share.weiyun.com/e32042bcf2e1398b0d3f617621d58a4a (密码:5zEd)
封装jeDate控件日期选择从哪到哪
SetTime(“ID”,”ID”)
function SetTime(StartTime,EndTime){//设置两个形参
var start = {
dateCell: StartTime,
format: 'YYYY-MM-DD ',
minDate: jeDate.now(0), //设定最小日期为当前日期
festival:true,
maxDate: '2099-06-16 ', //最大日期
isTime: false,
choosefun: function(datas){
end.minDate = datas; //开始日选好后,重置结束日的最小日期
}
};
var end = {
dateCell: EndTime,
format: 'YYYY-MM-DD ',
minDate: jeDate.now(0), //设定最小日期为当前日期
festival:true,
maxDate: '2099-06-16 ', //最大日期
isTime: false,
choosefun: function(datas){
start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
}
};
jeDate(start);
jeDate(end);
};
封装单独的日期,后期可以直接调用
function SetDay(today){//形参是可以边动的
jeDate({
dateCell:today,//
festival:true,
format:"YYYY-MM-DD",
isTime:false,
minDate:jeDate.now(0)
})
};
这样设置:SetDay(‘.datepicker’);
jeDate({
dateCell:"#datepicker",
format:"YYYY-MM-DD",
isTime:false,
// minDate: jeDate.now(0),
maxDate:jeDate.now(0)//只允许今天之前的日期
})
bootstrap datepicker:http://sui.taobao.org/qnui/docs/datetimepicker.html
<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/locales/bootstrap-datepicker.zh-CN.js"></script>
$('.input-daterange').datepicker({//日期控件
language: 'zh-CN',
autoclose: true , //选择之后是否关闭日期选项
todayHighlight: true, //当为true的时候高亮
keyboardNavigation:true,
format: 'yyyy-dd-mm',
defaultDate : new Date(),
endDate:new Date(),只允许今天之前的日期
maxDate: new Date()
});