日期控件jeDate和bootstrap datepicker

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()
});