日期控件jeDate和bootstrap datepicker

来源：互联网发布：网络翻墙违法吗编辑：程序博客网时间：2024/04/25 11:59

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

0 0