时间插件WdatePicker,校验时间、开始时间结束时间

首先引用js WdatePicker.js
<script src="./WdatePicker.js"></script>
在标签使用插件input标签 必须带有id属性

开始时间
<input id="start_time_id" type="text" name="start_time_name" 
onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',minDate:'%y-%M-%d',
maxDate:'#F{$dp.$D(\'end_time_id\',{d:-1})}'})" style="width: 120px;" /> 
结束时间
<input id="end_time_id" type="text" name="end_time_name"
onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd',
minDate:'#F{$dp.$D(\'start_time_id\',{d:1})||(\'%y-%M-%d\')}'});" 
style="width: 120px;" />    

文中开始时间

  1. dateFmt:定义了他的格式’yyyy-MM-dd’,就例如 2020-05-21
  2. minDate:’%y-%M-%d’; ‘%y-%M-%d’ 相当于今天(根据计算机设置的日期)
  3. maxDate:’#F{ d p . dp. dp.D(‘end_time_id’,{d:-1})}’ ; #F{ d p . dp. dp.D()} 为定义格式,需要按照这么规范写入。end_time_id必须是对应结束日期 id的名字 。{d:-1}为小一天,整体来看,开始时间最大日期不能和结束时间相同,不能为同一天。(如果想要前两天,后两天可以写{d:-2},{d:2})

文中结束时间

  1. minDate:’#F{ d p . dp. dp.D(‘start_time_id’,{d:1})||(’%y-%M-%d’,{d:-1})}’});" ; start_time_id,同样必须是开始时间的id属性

同样可以使用JQ写法:

文中开始时间

	$("#start_time_id").unbind("click");
	$('body').on('click', '#start_time_id', function () {
      WdatePicker({
		readOnly: true,
		dateFmt: "yyyy-MM-dd",
		minDate: "%y-%M-%d",
		maxDate: "#F{$dp.$D(\'end_time_id\',{d:-1})}"
	});
	});

文中结束时间

    $("#end_time_id").unbind("click");
    $('body').on('click', '#end_time_id', function () {
      WdatePicker({
        readOnly: true,
		dateFmt: "yyyy-MM-dd",
		minDate: "#F{$dp.$D(\'start_time_id\',{d:1})||\'%y-%M-%d\'}"
      });
    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值