1. 引入laydate.js

链接: https://www.layui.com/laydate/.

2.html代码

<input type="text" placeholder="开始日" readonly id="startTime" autocomplete="off">
//设置了输入框只读和关闭自动提示
<input type="text" placeholder="截止日" readonly id="endTime" autocomplete="off">

3.JS代码

 var startDate = laydate.render({elem: '#startTime',btns: ['clear', "confirm"],//只显示清空和确定按钮done: function (value, date) {var monthDay = laydate.getEndDate(date.month, date.year);//获取这个月一共有多少天if (value !== '') {endDate.config.min = {//结束日期的最小值year: date.year,month: date.month - 1,date: date.date,};endDate.config.max = {//结束日期的最大值year: date.year,month: date.month - 1,date: monthDay,//最大为这个月的最后一天};} else {//清空之后，可继续选择，日期范围可自己配置endDate.config.min = {year: 1900,month: 0,date: date.date,};endDate.config.max = {year: 2099,month: date.month - 1,date: date.date,};}}});var endDate = laydate.render({elem: '#endTime',btns: ["clear", "confirm"],done: function (value, date) {if (value !== '') {startDate.config.max = {//起始日期最大值year: date.year,month: date.month - 1,date: date.date,}startDate.config.min = {//起始日期最小值为1号year: date.year,month: date.month - 1,date: 1,}} else {startDate.config.max = {year: 2099,month: date.month - 1,date: date.date,}startDate.config.min = {year: 1900,month: 0, date: 1}}}});

4.效果展示

5.结束

谢谢观看，有不足的地方或者哪里有问题请指出，谢谢！！！

layui date插件设置不能跨月查询相关推荐

php判断当前时间是否跨月,判断日期是否能跨月查询的js代码_javascript技巧
function checkDate(startDate, endDate, num, flag) { if(startDate == null || endDate == null) { popwi ...
Calendar 设置某年某月的日历
package day5;import java.util.Calendar; import java.util.Scanner;public class date {public static vo ...
SQL Server 2008外围应用配置器及跨库查询设置
SQL Server2008 外围应用配置器 1.选中SSMS右键-Facets(方面) 2.在显示视图界面从下拉框选择外围应用配置器(Surface Area Configuration),设置相关 ...
Layui时间插件laydate只选择时分
一.说明二.分析三.效果四.代码一.说明需要一个只选择时分的控件,首先想到的是laydate,然后看一下控件的类型 type 可选值名称用途 year 年选择器只提供年列表选择 mon ...
泛微oa流程表单之开始时间与结束时间限制在本周且不能跨月
本次是主表中开始时间和结束时间限制在本周且不能跨月. 如果出现跨月会弹出一个"出现跨月"的提示,并且清空当前所选日期 <script type="text/java ...
day17-python项目Django之跨表查询及Ajax、cookie和session
第1章课堂笔记 class (models.Model):title=models.CharField(max_length=32)price=models.DecimalField(max_dig ...
ES的跨索引查询有多便利？对比下分库分表、分片更直观
作者介绍李猛(ynuosoft),Elastic-stack产品深度用户,ES认证工程师,2012年接触Elasticsearch,对Elastic-Stack开发.架构.运维等方面有深入体验,实践 ...
ORM单表查询，跨表查询，分组查询
ORM单表查询,跨表查询,分组查询单表查询之下划线 models.Tb1.objects.filter(id__lt=10, id__gt=1) # 获取id大于1 且小于10的值models.T ...
java计算今天是今年的第几周_java calendar类根据当前日期时间,计算当前日期在当前月是第几周,与周跨月问题,...
第一步先根据当前日期时间计算出本周的开始时间与结束日期第二步判断当前日期大于等于本周开始日期,并且当前日期小于等于本周结束日期, 就把本周开始日期当做条件计算出当前日期是第几周 // 周跨月也 ...
为My97DatePicker日期插件设置默认日期
为My97DatePicker日期插件设置默认日期,开始日期为系统日期的前一个月,结束日期为系统日期: 开始日期不能大于结束日期,且都不能大于今天: 开始日期-maxDate:'#F{$dp.$D(\ ...

layui date插件设置不能跨月查询

1. 引入laydate.js

2.html代码

3.JS代码

4.效果展示

5.结束

layui date插件设置不能跨月查询相关推荐

最新文章

热门文章