html

              <div class="layui-inline"><label class="layui-form-label">时间范围：</label><div class="layui-input-inline"><input type="text" name="s_date" id="s_date" autocomplete="off" value="" placeholder="请选择时间范围" style="width: 180px;" class="layui-input"></div></div>

js代码

<script>layui.use(['form', 'layedit', 'laydate', 'table', 'element'], function () {var form = layui.form,//表单$ = layui.$,//jquerytable = layui.table,//表格layer = layui.layer,//基础laypage = layui.laypage,//分页laydate = layui.laydate,//日期util = layui.util,excel = layui.excel;//导出表格var myDate = new Date();//获取当前时间设置选择时间的范围var maxtime = myDate.getFullYear() + "-" + (myDate.getMonth() + 1) + "-" + (myDate.getDate());//拼接当前是时间//初始化选择时间控件laydate.render({elem: '#s_date', type: 'date', range: '~', max: maxtime//设置选择最大时间为当前, calendar: true, btns: ['clear', 'confirm', 'now'], done: function (value, date) {//这里时选中后触发事件//value是选中的值var time = value;}});});
</script>

效果图

layui时间范围选择相关推荐

layui 时间范围选择
1.选择日期 //日期范围 laydate.render({elem: '#data',range: '~',done: function(value,, date, endDate){ //点击日期 ...
使用PerfView监测.NET程序性能（四）：折叠，过滤和时间范围选择
在上一篇文章使用PerfView监测.NET程序性能(三):分组中,我们使用了Perfview的分组功能.分组功能旨在对某些函数按照某个格式进行分组,以减少视图中的各种无关函数的数量.但仅有分组还不够 ...
element时间范围选择添加限制条件
需求:vue 基于element 时间控件,选择范围做控制,如下图转载地址: https://blog.csdn.net/juse__we/article/details/80496980#comm ...
LayUI可选择可输入下拉框
LayUI可选择可输入下拉框可输入的下拉框把input 叠加到select上,外观看起来像一个框. 利用z-index把 input框放到select 上层.并让select 不自动填充. 我现在 ...
Qt实现时间范围选择
以前我们写过一篇利用Qt ScrollBar实现滚动屏时间选择器的文章,也写过一篇QComboBox自定义设置 - 下拉列表自定义为表格的文章,今天我们就利用前面已经完成的这两篇文章实现一个时间范围选 ...
layui时间范围控件限制时间
设置时间范围最多选择90天. //客流时间筛选laydate.render({elem: '#flowrateTime', //指定元素range:'~',max : 'today' ,change: ...
layui联动选择框
表单代码 <form class="layui-form" style="padding-top: 20px;" action="stockS ...
VUE时间范围选择的组件
最近手写了一个框选时间的组件,可以按半个小时为单位选择时间代码部分 <template><div><div class="byted-schedule&quo ...
基于qt中QCalendarWidget的双日历时间范围选择控件（自定义）
控件预览: 控件基于QT设计,单击日历设置时间范围起点,再次单击日历设置时间范围终点: 当起止时间为同一天时,所选日期右上角显示"单"字样: 控件设计说明: 控件基于QT中QDia ...

layui时间范围选择

html

js代码

效果图

layui时间范围选择相关推荐

最新文章

热门文章