为了账号安全,请及时绑定邮箱和手机立即绑定

bootstrap日期和时间选择器怎么用

bootstrap日期和时间选择器怎么用

茅侃侃 2018-12-31 04:00:30
bootstrap日期和时间选择器怎么用
查看完整描述

1 回答

?
慕慕森

TA贡献1856条经验 获得超17个赞

Bootstrap-DateTimePicker是基于Bootstrap3的日期-时间选择器控件,允许自定义时间选择器图标,设置图标是否显示,自定义日期显示格式,禁用日期选择器,设置是否禁用日期选择器、时间选择器、分钟选择器、秒选择器,设置日期的数据范围。
  $.fn.datetimepicker.defaults = {
pickDate: true, //en/disables the date picker
pickTime: true, //en/disables the time picker
useMinutes: true, //en/disables the minutes picker
useSeconds: true, //en/disables the seconds picker
useCurrent: true, //when true, picker will set the value to the current date/time
minuteStepping:1, //set the minute stepping
minDate:`1/1/1900`, //set a minimum date
maxDate: , //set a maximum date (defaults to today +100 years)
showToday: true, //shows the today indicator
language:’en’, //sets language locale
defaultDate:”", //sets a default date, accepts js dates, strings and moment objects
disabledDates:[], //an array of dates that cannot be selected
enabledDates:[], //an array of dates that can be selected
icons = {
time: ‘glyphicon glyphicon-time’,
date: ‘glyphicon glyphicon-calendar’,
up: ‘glyphicon glyphicon-chevron-up’,
down: ‘glyphicon glyphicon-chevron-down’
}
useStrict: false, //use “strict” when validating dates
sideBySide: false, //show the date and time picker side by side
daysOfWeekDisabled:[] //for example use daysOfWeekDisabled: [0,6] to disable weekends
};



查看完整回答
反对 回复 2019-01-17
  • 1 回答
  • 0 关注
  • 837 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信