$('#id').datepicker({
format: 'yyyy/mm/dd', // 日期格式化
container: 'body', // 弹出时间选择器的代码是添加到哪里的,默认是body下,可以设置填写css字符串指定弹出的代码添加的位置
autoclose: true, // 选中日期后日历自动关闭
forceParse: true, // 在输入框输入两位数字会转成年
maxViewMode: 4, // 设置可以选择的模式,分别为0(天)、月、年、十年、4(百年)。
minViewMode: 0, // 值和上面的含义一样
startView: 0, // 值的含义和上面一样,开始显示的日历页面,默认是选择天的页面
multidate: false, // 是否可以多选
multidateSeparator: ',' // 设置多选日期的分隔符
language: 'zh-CN', // 要引入locales包下的zh-CN.js
clearBtn: false, // 是否在日期选择器下方显示清除按钮
todayBtn: true, // 是否在日期选择器下方显示今日按钮
showWeekDays: true, // 是否显示周几
weekStart: 0,//从周几作为一周的开头,0是周日
todayHighlight: false, // 是否高亮显示今日
keyboardNavigation: true, // 是否允许使用方向键改变当前日期
disableTouchKeyboard: false, // 是否禁止使用键盘操作日期选择器,默认不禁止.
calendarWeeks: false, //显示全年第
bootstrap-datepicker学习之options
最新推荐文章于 2024-08-09 08:15:25 发布
本文详细探讨了bootstrap-datepicker插件的各种配置选项,包括日期格式、显示面板、事件监听等,帮助开发者更好地定制日期选择器的外观和行为。
摘要由CSDN通过智能技术生成