bootstrap-datepicker beforeShowYear自定义年份

通过bootstrap-datepicker的beforeShowYear的属性设置特殊年份,可以自定义该年份是否可选择、样式及鼠标移动到年份上面的提示文字。

bootstrap-datepicker beforeShowMonth设置特殊月份

通过bootstrap-datepicker的beforeShowMonth的属性设置特殊月份,比如自定义1月份不允许选择并设置背景色和文字颜色

使用bootstrap-datepicker的beforeShowDay属性自定义日期比如控制某个日期是否可选

使用bootstrap-datepicker日期控件的beforeShowDay属性自定义日期,比如自定义单休大小休都可以通过这个属性实现,也可以控制某个日期的样式、是否可选。

bootstrap-datepicker属性列表

本文梳理了bootstrap-datepicker日期插件40多个属性的使用方法。

ant design vue switch 属性

ant design vue switch 属性列表。

ant design vue switch 开关

switch开关需要表示开关状态/两种状态之间的切换时,checkbox的区别不大,只不过是另一种表现方式。

Ant Design Vue Slider change 拖动事件

Ant Design Vue Slider change 拖动事件,即一直拖动一直会触发这个事件,和afterChange事件不同的是,afterChange事件需要松开鼠标才会触发。

Ant Design Vue Slider afterChange 拖动后的事件

Ant Design Vue Slider afterChange 拖动后鼠标松开后的事件。

Ant Design Vue Slider 属性

Ant Design Vue Slider 属性的列表,dots、included、marks、max、range、step等属性。

Ant Design Vue Slider 滑动输入条

Ant Design Vue Slider 滑动输入条,使用场景通常用在一定值范围为内类型,比如加载进度条,该组件不算是一个高频使用的组件。

vue-multiselect插槽列表

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

vue-multiselect事件列表

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

vue-multiselect属性列表

vue-multiselect属性列表

css flex 1 省略号

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

vue-multiselect Action dispatcher事件分发器

Action dispatcher事件分发器

vue-multiselect Option groups 下拉选项分组

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

vue-multiselect Custom option template自定义下拉选项模板

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

vue-multiselect 标签Tagging把用户输入内容添加到下拉框中

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

vue-multiselect 多选

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

vue-multiselect 服务器端ajax搜索(Asynchronous select)

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