bootstrap-datepicker update设置控件选中日期,通过update方法可以设置日期控件的选中值并会修改对应的输入框的值。
bootstrap-datepicker 通过hide方法隐藏日期选择框
bootstrap-datepicker startDate和endDate起始日期和结束日期,限制用户选择日期的范围。
bootstrap-datepicker 通过show方法主动弹出日期选择框,应用场景我理解的是这样的,有些用户为了快速的填写表单并不会去使用鼠标,而是通过键盘操作,当然输入日期input框获得焦点时,可以通过show方法主动弹出日期选择框让用户快速选择。
bootstrap-datepicker destroy注销控件的方法,当我们不再需要日期控件时可以调用该方法进行注销。
bootstrap-datepicker defaultViewDate根据指定日期展开选择面板,比如当前日期是2020-06-25,我们需要在用户点击输入框弹出日期控件选择面板时显示的日期是2019-10-01。
bootstrap-datepicker minViewMode设置最小可选单位,比如只能选择月份或者年份。
bootstrap-datepicker的daysOfWeekDisabled属性可以设置星期几为不可选,比如设置星期六星期天这种双休日不可选择。
通过bootstrap-datepicker的datesDisabled属性可以简单快速的设置某些日期不可选,当然也可以通过beforeShowDay属性设置日期不可选,区别是beforeShowDay可顶制度更高。
通过bootstrap-datepicker的calendarWeeks属性我们可以在日期控件的第一列显示当前第几周
通过bootstrap-datepicker的beforeShowYear的属性设置特殊年份,可以自定义该年份是否可选择、样式及鼠标移动到年份上面的提示文字。
通过bootstrap-datepicker的beforeShowMonth的属性设置特殊月份,比如自定义1月份不允许选择并设置背景色和文字颜色
使用bootstrap-datepicker日期控件的beforeShowDay属性自定义日期,比如自定义单休大小休都可以通过这个属性实现,也可以控制某个日期的样式、是否可选。
本文梳理了bootstrap-datepicker日期插件40多个属性的使用方法。
ant design vue switch 属性列表。
switch开关需要表示开关状态/两种状态之间的切换时,checkbox的区别不大,只不过是另一种表现方式。
Ant Design Vue Slider change 拖动事件,即一直拖动一直会触发这个事件,和afterChange事件不同的是,afterChange事件需要松开鼠标才会触发。
Ant Design Vue Slider afterChange 拖动后鼠标松开后的事件。
Ant Design Vue Slider 属性的列表,dots、included、marks、max、range、step等属性。
Ant Design Vue Slider 滑动输入条,使用场景通常用在一定值范围为内类型,比如加载进度条,该组件不算是一个高频使用的组件。