需要计算2个日期相差的天数（或者星期数等），用于计算某个日期的截止天数等使用场景。 时间日期处理，有一个非常好用的库：moment.js有兴趣的可以查看下文档，这里仅介绍使用它来获取两个日期相差的天数。 计算某个日期距离当天相差的天数和星期数 var end = moment('2022-05-02', "YYYY-MM-DD"); var currentDay = moment().startOf('day');//当天日期，去掉时间 // 计算end日期，距离当天相差的天数 itm.days = moment.…
需要将某个buttons下面的类名是button的前几个或者后几个按钮筛选出来做特别的CSS处理。 可以利用nth-child(从前数第几个)和nth-last-child(从后数第几个) 还是以上面的例子，我们给button添加background为例： 选择前3个做处理： .buttons .button:nth-child(-n+3) { background: red; } 选择后1个（最后一个）做处理： .buttons .button:nth-last-child(-n+1) { background:…
Jetbrains的产品现在已经可以支持中文界面了，对英文不好的朋友是个好消息，中文语言包是通过插件的形式安装和加载的，以Intellij IDEA（其他例如PyCharm、AppCode、Webstorm等都一样）为例， 找到设置-插件(plugins)，选择Marketplace-输入『中文』进行搜索，搜出来的第一个结果『Chinese (Simplified) Language Pack / 中文语言包』点击Install安装即可。 如果在线安装有困难，还可以从Jetbrains的插件网站下载离线包: htt…
在一行（例如一个div中）需要排多个元素，如果一行排不下的情况，我们不希望内容换行(默认情况就会换行)，而是可以左右让用户进行左右滑动（滚动，例如鼠标拖动或者手指拖动），另外因为不影响美观，还希望可以隐藏横向的左右拖动滚动条。 我已经写好了h-scroll，只要给上层div加这个class就可以了。 .h-scroll { white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; /* …
iView的Input输入框，希望用户点到输入框的时候，自动全选输入框里内容，方便用户直接输入新的文字内容。 可以使用@on-focus来实现，给on-focus绑定方法，$event.target.select()来全选内容，如下： <i-input v-model="cg.inSh" type="text" @on-focus="$event.target.select()" style="width: 250px;" :maxlength="50"> <span slot="prepend"…
Html中input输入框，如果设置属性type="number"可以限制用户仅能输入数字（不过限制不能完全自定义，有自定义需求的，请查看：https://blog.terrynow.com/2022/04/20/vuejs-iview-input-allow-digits-or-specified-chars/），但是加上这个属性后，发现输入框右侧有个上下的箭头，可以给输入的数字+1后者-1，但是因为一些特定的要求，产品要求我们去掉或者隐藏这个上下箭头，如图： 可以利用css实现，Html代码如下： <in…
之前Hibernate中的实体类，对应数据库的字段，例如实体类中驼峰命令是：createDate，对应到数据库是带下划线的：create_date字段，一般来说是需要加@Column特别指定对应数据库表的字段的，例如： @Column(name = "create_date") public Date getCreateDate() { return createDate; } public void setCreateDate(Date createDate) { this.createDate = create…
iView中的Input输入框虽然可以限制type="number"，限制只能输入数字（任能输入小数点、+/-号），但是不能满足如下需求： 仅限制输入数字（整数）或者不带小数点，等其他随意限制的情况；另外希望VueJS原生的input也能限制自定义的输入。 我们可以利用@on-keydown监听键盘输入的内容（keyCode），给需要能输入的内容加入白名单，不在白名单中的字符使用event.returnValue = false; 来达到不允许输入目的。 Html代码如下： <i-input v-model=…
之前SpringBoot项目中Controller输出图片，使用的是@ResponseBody 返回byte[]数组，不过发现接口调用返回了500错误，Internal Server Error，但是后台代码不报任何错误。 经过调查，之前配置Spring使用的是WebMvcConfigurerAdapter，因为文档说这个类已经过时，用WebMvcConfigurationSupport取代了，换回WebMvcConfigurerAdapter就恢复正常了。 以上是一种解决方案，不过既然WebMvcConfigur…
SpringBoot应用Rest接口长时间未被调用的情况下，尝试一次调用，连接数据库读取数据，会发生报错： No operations allowed after connection closed. Possibly consider using a shorter maxLifetime value application.yml加入如下配置： spring: datasource: hikari: minimum-idle: 3 max-lifetime: 0 maximum-pool-size: 5 配置说…
