需求如下：直接通过日期选择来选择下个月某一天。

考虑通过layui中的laydate代码进行实现，

具体详细属性可查看laydate手册：https://www.layui.com/doc/modules/laydate.html

实现代码如下

var d = new Date();
d.setMonth(d.getMonth() + 2);
d.setDate(0);
var deadline = new Date(d).getDate();
ld.render({
elem: '#dateSelected', //指定元素
min: d.getFullYear() + '-' + lay.digit(d.getMonth() + 1) + '-' + 1,
max: d.getFullYear() + '-' + lay.digit(d.getMonth() + 1) + '-' + deadline,
istoday: false,
start: d.getFullYear() + '-' + lay.digit(d.getMonth() + 1) + '-' + 1,
btns: ['clear','confirm'],
isInitValue: false, // 是否设定初始值
// range: true // 选择日期范围
});

默认日期选择：

若将红色的start改为value，则日期选择器打开后默认显示的是value后的内容。

下个月整月时间选择：

通过laydate提供的min max值来选取范围，实现下个月月初时间：

var d = new Date();
d.setMonth(d.getMonth() + 2);
d.setDate(0);

d.getFullYear() + '-' + lay.digit(d.getMonth() + 1) + '-' + 1,

下个月月末时间：

var deadline = new Date(d).getDate();

d.getFullYear() + '-' + lay.digit(d.getMonth() + 1) + '-' + deadline,

laydate中的默认日期选择及 date中如何选择下个月整月的时间相关推荐

关于苹果手机打开钉钉小程序中处理的日期显示invalid date
详述问题:苹果手机打开钉钉小程序中处理的日期显示 invalid date ( 使用的UI插件为Vant UI) 解决方案如下:使用Vant 默认的日期选择格式,如2021/12/08 问题原因:转换 ...
rem单位中html默认字号,轻松掌握CSS3中的字体大小单位rem的使用方法
CSS3中新的字体单位rem前段时间无意中在wordpress主题中接触到一种字体单位rem,当时我就很好奇,毕竟以前没有见过,于是我马上查找资料,并测试了一回. 众所周知在web中有很多字体单位(f ...
linux中wps默认安装目录,在Linux中安装和使用wps
永中office始终感觉有点别扭,今天又尝试了下装wps,最终成功了,方法如下 1.解决缺少libstdc++.so.6(GLIBCXX_3.4.14) 在CentOS6.4上安装金山wps k ...
java怎样将日期本土化_Java中的日期操作
在日志中常用的记录当前时间及程序运行时长的方法: public void inject(Path urlDir) throws Exception { SimpleDateFormat sdf = n ...
golang 操作日期_使用Godate在Golang中轻松进行日期操作
golang 操作日期 by Kofo Okesola 由Kofo Okesola 使用Godate在Golang中轻松进行日期操作 (Easy date manipulation in Golang ...
java List最大_在java中获取List集合中最大的日期时间操作
取list集合中最大的日期, 可以用date max = collections.max(datelist);, 传入一个日期集合, 就可以获取, 工作中有这个需求, 就查找到这个, 代码如下 } e ...
php用什么服务器系统时间格式,php中时间戳和日期格式的转换
一,PHP时间戳函数获取指定日期的unix时间戳 strtotime("2009-1-22″) 示例如下: echo strtotime("2009-1-22″) 结果:12325 ...
如何快速在Excel表格中输入自定义日期？
有的时候相同的两台电脑,它里面的Excel设置也是不一样的.如果我们在Excel表格中输入数据的时候,需要就加入一些类似于年月日的日期的话,再一点一点的输入时很麻烦的.其实在表格中是可以设置自定义日期 ...
C和C++中的默认类型
文章目录 1 C和C++中的默认类型 1.1 C语言中的默认类型 1.2 C++中的默认类型 1 C和C++中的默认类型 1.1 C语言中的默认类型 C语言中默认型如下: 如果函数没有注明返回值,则默 ...

laydate中的默认日期选择及 date中如何选择下个月整月的时间

需求如下：直接通过日期选择来选择下个月某一天。

实现代码如下

laydate中的默认日期选择及 date中如何选择下个月整月的时间相关推荐

最新文章

热门文章