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

╰+哭是因爲堅強的太久メ 2022-02-24 15:06 867阅读 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 条评论，867人围观）

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

相关阅读

相关时间选择器

1、创建一个时间选择器的类 2、在主页中使用该类创建一个时间选择器的类 package com.nf.bottomdemo.utils; im

你的名字/ 2023年08月17日 17:09/ 0 赞/ 89 阅读

相关 jq 时间选择 flatpickr 时间选择器的使用

<!DOCTYPE html> <html lang="en"> <head> <title>jq 时间选择</title>

以你之姓@/ 2023年07月06日 08:43/ 0 赞/ 75 阅读

相关时间选择器

$("order_timestart").datetimepicker({ format: 'yyyy-mm-dd', autoclose: t

谁践踏了优雅/ 2023年06月10日 04:28/ 0 赞/ 27 阅读

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

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

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

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

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

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

相关 layui组件--选择时间文本框

layui组件–选择时间文本框通过使用layui框架，创建一个起始时间和终止时间都有的时间选择的组件。 <!DOCTYPE html> <html>

系统管理员/ 2022年10月29日 03:30/ 0 赞/ 23 阅读

相关 android 时间选择器demo

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

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

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

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

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

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

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

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

相关时间选择器插件

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

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