-
前端 Ant Design vue TimePicker 使用moment计算两个时间差值
AntDesignvueTimePicker使用moment计算两个时间差值计算两个时间相差数(参数可以是years,months,days,minutes,seconds)如：计算相差分moment(endTime).diff(moment(startTime), "minute")由于这个函数只能计算 Y...
-
前端 Ant Design vue table 自适应页面高度
表格（table）可能是在业务开发的时候，用到的最多的组件，AntDesignvuetable也有着一套十分强大的API，而其中有一项开发时，可能希望表格可以随着当前页面的分辨率，来动态调整表格的固定高度，使整个页面更加美观性或者适用性。一、说明：首先，用到的是table自带的API【:scroll="{x:1300,y:400}&...
-
前端 Antdesign vue table 文字超宽tooltip方式显示
首先来看下效果：表格里的内容由于过多，为了整体美观性，使用超出文字以tooltip的形式进行展示，主要使用了插槽（slot）的方式。一、编写一个tooltip工具代码如下：<template> <a-tooltip placement="topLeft"> &nbs...
-
前端 NG-ZORRO nz-range-picker日期选择框宽度问题
最近在打包angular项目后，发现使用了NG-ZORROnz-range-picker的组件宽度显示异常问题：这个是使用了栅格进行布局，但是不管怎么调整栅格大小，都会出现以上的异常显示。解决方法：在当前页面引用的less文件中，添加以下代码，用于覆盖其原来的样式::host ::ng-deep { ...
-
前端 Antdesign vue RangePicker设置日期可选范围
效果图：在range标签中使用disabled-date，这样可以按照一定的时间设定来自由设置可选范围，如： <a-range-picker :disabled-date="disabledDate" format="YYYY-MM-DD"/>meth...
-
前端 Ant design Vue a-date-picker实现年份选择
当前版本：1.6.4不支持直接选择年份的组件，官方也给出了相关的说明，可能在未来版本中加入该组件，同时，可以参考react中的组件修改方法官方说明地址：https://www.antdv.com/docs/vue/faq-cn/代码实现：当前需要对组件a-date-picker进行改造，如下：html：<a-date-pickermode=&qu...