当前位置: 首页 > Web前端 > HTML

bootstrap、datetimepicker日期时间选择器-限定时间段、以及中文显示问题

时间:2023-04-03 00:16:08 HTML

基于bootstrapcss、jsbootstrap-datetimepickercss、js<链接href="bootstrap-3.3.5-dist/css/bootstrap.css"rel="stylesheet"/>//开始时间:$('#qBeginTime').datetimepicker({todayBtn:true,autoclose:true,bootcssVer:3,//显示箭头格式:'yyyy-mm',startView:3,//datetimepicker打开后第一个显示的viewminView:3,//日期时间选择器所能提供的最准确的时间选择视图forceParse:false,//关闭选择器时是否强制解析输入框中的值。语言:'zh-CN'}).on('changeDate',function(e){varstartDate=$('#startDate').val();$("#returnDate").datetimepicker('setStartDate',开始日期);$("#startDate").datetimepicker('隐藏');});//结束时间:$('#qEndTime').datetimepicker({todayBtn:true,autoclose:true,bootcssVer:3,//显示箭头格式:'yyyy-mm',weekStart:1,startView:3,minView:3、forceParse:false,language:'zh-CN'}).on('changeDate',function(e){varreturnDate=$("#returnDate").val();$("#startDate").datetimepicker('setReturnDate',returnDate);$("#returnDate").datetimepicker('hide');});显示中文包发布时刻语言包:https://github.com/moment/moment