bootstrapdatetimepicker日期插件超详细使用方法

bootstrapdatetimepicker⽇期插件超详细使⽤⽅法本⽂实例为⼤家分享了bootstrap datetimepicker⽇期插件的简单使⽤，供⼤家参考，具体内容如下⾸先在⽂件头部引⼊

bootstrapdatetimepicker⽇期插件超详细使⽤⽅法 本⽂实例为⼤家分享了bootstrapdatetimepicker⽇期插件的简单使⽤，供⼤家参考，具体内容如下 ⾸先在⽂件头部引⼊必要的⽂件： <="stylesheet"="Css/bootstrap-datetimepicker.min.css"> link relhref <="Js/bootstrap-datetimepicker.js"> script src > script 想⽤中⽂显⽰，加⼊bootstrap-datetimepicker.zh-CN⽂.js件 <="Js/bootstrap-datetimepicker.zh-CN.js"> script src > script 然后调⽤初始化⽇期插件⽅法： $('.date').datetimepicker({ language:'zh-CN', //显⽰中⽂ format:'yyyy-mm-dd', //显⽰格式 minView:"month", //设置只显⽰到⽉份 initialDate:Date(), new //初始化当前⽇期 autoclose:, true //选中⾃动关闭 todayBtn: true //显⽰今⽇按钮 }) 引⼊控件 使⽤场景 单独引⼊⼀个⽇期控件可以参考上⾯提供的连接地址上的案例。此处介绍的是怎么使⽤两个⽇期控件，⼀个为开始⽇期，另外⼀个为结束⽇ 期，两个⽇期之间建⽴相互约束关系。即开始⽇期不能⼤于结束⽇期，结束⽇期不能⼩于开始⽇期。 使⽤⽅法 两个时间输⼊域如图： html代码 <="16"="text"="datetimeStart"="form_datetime"> input sizetypeidreadonlyclass -- <="16"="text"="datetimeEnd"="form_datetime"> input sizetypeidreadonlyclass js代码如下 $("#datetimeStart").datetimepicker({ format:'yyyy-mm-dd', minView:'month', language:'zh-CN', autoclose:true, autoclose:, true todayBtn:true, startDate:Date() new }).on("click",(){ function startView:'year', $("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val()) minView:'year', }); maxView:'decade'});