layui 时间时间选择器最多选择30天

╰+哭是因爲堅強的太久メ 2022-02-24 15:06 788阅读 0赞

### layui 时间选择器最多选择30天 [https://www.layui.com/doc/modules/laydate.html][https_www.layui.com_doc_modules_laydate.html] ###

### html ###

<label>时间选择：</label>
     <div class="layui-inline" id="start_div">
    	<input type="text" name="dateTime" id="dateTime" class="layui-
              input" style="width:280px;"/>
     </div>

### js ###

var start = laydate.render({
    		elem : "#dateTime",
    		type : 'datetime',
    		value:start_time+' ~ '+end_time,
    		range: '~' ,
    		max : Format.dateFormat(new Date(), 'YYYY-MM-DD hh:mm:ss'),
    		change: function(value, date, endDate){
    			var d = value.split(' ~ ');
    			var s = new Date(d[0]);
    			var e = new Date(d[1]);
                //计算两个时间间隔天数
    			var d=(e-s)/(1000*60*60*24);
    			if(d>30){
    				start.hint('最多选择30天'); 
    			}
    		}
    	});

### 效果 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW95YW5saTgwNzc_size_16_color_FFFFFF_t_70][]

[https_www.layui.com_doc_modules_laydate.html]: https://www.layui.com/doc/modules/laydate.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW95YW5saTgwNzc_size_16_color_FFFFFF_t_70]: /images/20220224/4bfbe9bc07074feda0be063da50bf073.png

发表评论取消回复

表情：

评论列表（有 0 条评论，788人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery模拟时间选择器

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JyaWdo

r囧r小猫/ 2023年01月15日 15:28/ 0 赞/ 74 阅读

相关 element——时间选择器当天之后，后一选择器时间不超过前时间选择器

element——时间选择器当天之后，后一选择器时间不超过前时间选择器 <el-date-picker type="date" placehol

た入场券/ 2023年01月09日 12:48/ 0 赞/ 271 阅读

相关 layui表单选择时间_layui时间控件选择时间范围

解决layui时间控件清空之后无法正常使用的问题，以及时间范围的选择共有两种解决方式：方式一(layui 1.x)： html代码： placeholder="开始

Love The Way You Lie/ 2023年01月08日 08:11/ 0 赞/ 171 阅读

相关 android 时间选择器demo

这几天写了一个类似日程的项目，看到小米的日程里面的时间选择器挺好看的，想要简单模仿一下。奈何能力有限，没有写成想象中那么完美，但是还好没让自己太失望，做成了一个还算能用的时间选

一时失言乱红尘/ 2022年05月16日 05:55/ 0 赞/ 270 阅读

相关 js 前端时间选择器

<div class="bname fl"> 创建时间： <br> <input type="date" id

一时失言乱红尘/ 2022年05月04日 02:28/ 0 赞/ 366 阅读

相关 Form-timepicker时间选择器

一、固定时间点提供几个固定的时间点供用户选择使用 el-time-select 标签，分别通过star、end和step指定可选的起始时间、结束时间和步长 el-

我会带着你远行/ 2022年03月29日 09:50/ 0 赞/ 398 阅读

相关 layui使用时间选择器后得到值

layui.use('laydate', function(){ var laydate = layui.laydate; //日期时间选择器

淡淡的烟草味﹌/ 2022年03月16日 08:48/ 0 赞/ 758 阅读

相关 layui 时间时间选择器最多选择30天

layui 时间选择器最多选择30天 [https://www.layui.com/doc/modules/laydate.html][https_www.layui.com

╰+哭是因爲堅強的太久メ/ 2022年02月24日 15:06/ 0 赞/ 789 阅读

相关时间选择器插件

开发工具与关键技术：vs与jquery 作者：戴怡斌撰写时间：2019年5月25日时间插件在设置页面和设置软件的时候运用特别

喜欢ヅ旅行/ 2022年01月26日 07:11/ 0 赞/ 391 阅读

相关 JS实现时间选择器

JS实现时间选择器 dateTime.js function withData(param) { return param < 10 ? '0' +

古城微笑少年丶/ 2021年07月25日 18:19/ 0 赞/ 412 阅读