日历组件的使用,bootstrap-datetimepicker

时间:2023-03-08 22:12:51

官方文档:http://www.bootcss.com/p/bootstrap-datetimepicker/

.html

<input name="createdTimeEnd" placeholder="预计拣货日期" class="form-control input-sm datetimepicker" >

.js

$formTaskOrderSearch.find("[name=createdTimeStart]").datetimepicker({

language: 'zh-CN',

format:"yyyy-mm-dd",

weekStart: 1, //如果设置为1,是从周一开始的,如果设置为0,是从周日开始的,国外里一周中的第一天是星期日

todayBtn: 1,//今天的按钮是否显示,1显示,0不显示

autoclose: 1, //如果设置为0,在选中日期之后不会自动关闭,弹出框还会存在页面商

todayHighlight: 1,//高亮显示

startView: 2,

minView: 2,

forceParse: 0,

beforeShow: function() {

}
}).on('show',function(){

$(".datetimepicker").css("z-index","1090");//如果有多个层,在第二层或第三层之后显示不出来可以进行设置

});

效果图:

日历组件的使用,bootstrap-datetimepicker