ITXST.COM 为程序员提供优质教程和文档

vue.draggable handle 鼠标在指定元素上才允许拖动

当鼠标落在handle指定的元素上面时才允许拖动,如下面的例子只能点击加号区域才能拖动,点击其他区域则无法拖动。

vue.draggable animation 过渡效果

通过animation属性设置vue.draggable过渡效果,这样拖动时过渡位置就不会显的太生硬。

vue.draggable disabled 开启和禁用拖动

通过disabled属性实现开启或禁用vue.draggable的拖拽效果。

vue.draggable delay 鼠标按下后等待n秒才允许拖动

vue.draggable delay 鼠标按下后等待n秒才允许拖动,此属性可以一定程度上防止误触操作,比如设置delay为1000表示按下一秒后才允许拖动。

vue.draggable group 拖拽分组多组之间相互拖拽

vue.draggable group 拖拽分组多组之间相互拖拽,可以实现不同数组之间相互拖拽。比如group都为itxst的组之间可以相互拖动。

vue.draggable两列或多列之间相互拖动

vue.draggable作为一款强大的vue拖拽组件,可以满足呢对网页上元素的拖拽需求,本文将介绍两两列或多列之间相互拖动,比如把某些角色或用户拖拽到每个权限组实现一些比较炫酷的效果。

vue.draggable对table表格进行拖动进行排序

vue.draggable对table表格进行拖动,对表格的拖拽是比较常见的一个业务场景,本篇将实现鼠标移动到表格的第一列才可以拖动行的顺序实现排序。

vue.draggable一款基于vue的拖拽插件

vue.draggable一款基于vue的拖拽插件,本文将实现单列拖拽这个最简单的例子及div垂直堆叠的方式。

bootstrap-datepicker todayHighlight 今天日期高亮

bootstrap-datepicker todayHighlight 今天日期高亮显示。

bootstrap-datepicker multidate属性实现同时选择多个日期

bootstrap-datepicker multidate属性实现同时选择多个日期,这似乎不是一个高频需求,比如选择A产品的盘库日期为某月的11号和22号。

bootstrap-datepicker I18N 自定义语言中文定制

bootstrap-datepicker I18N,官方已经提供了中文语言包设置引用中文语言JS包设置language:为zh-CN即可,如果我们还需要对中文语言就行进一步定制呢?本文将进一步介绍如何进一步定义中文

bootstrap-datepicker maxViewMode设置最大可选单位,比如设置不能快速选择年份

bootstrap-datepicker maxViewMode设置最大可选单位,比如设置不能快速选择年份,这部是不能选择年份而是不能快速选择年份。

bootstrap-datepicker changeCentury事件

bootstrap-datepicker changeCentury事件,切换世纪选择时触发的事件。

bootstrap-datepicker changeDecade选择年代事件

bootstrap-datepicker changeDecade选择年代事件

bootstrap-datepicker changeYear选择年份事件

bootstrap-datepicker changeYear选择年份事件,注意通过上一步下一步选择不同年份的日期并步会触发这个事件,需要点击头部的月份再切换的年份然后选择年份才会触发事件。

bootstrap-datepicker changeMonth月份变更事件

bootstrap-datepicker changeMonth月份变更事件,比如之前日期选择的是2020-6-6如果重新选择日期为2020-6-10那么不会触发这个事件,需要选择其他月份的日期才会触发changeMonth事件。

bootstrap-datepicker changeDate日期变更事件

bootstrap-datepicker changeDate日期变更事件,当用户重新选择一个日期时就会触发changeDate事件。

bootstrap-datepicker clearDate控件清除选择事件

bootstrap-datepicker clearDate控件清除选择事件,当用户点击清除按钮时触发的事件。

bootstrap-datepicker hide控件隐藏事件

bootstrap-datepicker hide控件隐藏事件,当日期控件隐藏或执行hide方法事件将会回调该方法,这时你可以知道用户在何时隐藏了控件,与之对应的是show事件及日期控件展开时的事件。

bootstrap-datepicker language 设置中文语言

bootstrap-datepicker自带了各种语言包,可以通过language属性设置语言,比如中文。