IT小书童 - 为程序员提供优质教程和文档

通过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 滑动输入条,使用场景通常用在一定值范围为内类型，比如加载进度条，该组件不算是一个高频使用的组件。

vue-multiselect提供了多达11个插槽可以对各个功能进行自定义。

vue-multiselect事件列表,Input、Select、Remove、SearchChange、Tag、Open、Close事件。

css block布局省略号通常需要满足固定高和固定宽才能实现省略号，本章节将演示如何实现css flex 1 省略号。

Action dispatcher事件分发器

Option groups将下拉选项进行分门别类方便用户更好的选择，通过group-label, group-values and group-select等属性来实现。

vue-multiselect 自定义下拉选项模板，比如下拉选择国家时下拉选项中显示国旗，下拉选择用户时显示用户的头像。

当所有的下拉选项都没有用户需要的数据时，用户可以在输入框中输入自己的内容，回车后会把用户输入的内容自动添加下拉选项中，这也是实际中经常遇到的一直业务场景。

vue-multiselect 多选代码例子，开启multiple和close-on-select属性即可实现多选下拉框。

vue-multiselect 服务器端ajax搜索(Asynchronous select),用户输入关键词通过ajax异步返回下拉选项。