首先要引入JQuery,然后引入jedate.css和jedate.js(注:需要把下载好的jedate文件夹整个的放在项目中,不然图标无法显示)

没有把整个文件夹放进去的效果                                                    正常的效果                                     

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

jedate(日期插件) 随笔 第1张                                   jedate(日期插件) 随笔 第2张

html代码就在页面中写一个input标签,然后js里面代码如下

       $(function () {
            $("input[type='text']").each(function(){
                jeDate(this,{
                    theme:{ bgcolor:"#f60",color:"#fff", pnColor:"#f60"},   //设置颜色
                    format: "YYYY-MM-DD hh:mm:ss",                          //设置时间格式
minDate: "1995-01-01 00:00:00", //设置最小日期
maxDate: "2099-12-31 23:59:59", //设置最大日期
}); }); })

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄