使DataPicker只能选择现在和将来的时间

最新推荐文章于 2024-05-11 14:31:22 发布

花飘万家雪

最新推荐文章于 2024-05-11 14:31:22 发布

阅读量2.6k

点赞数

文章标签： DatePicker HTML javaScript

本文链接：https://blog.csdn.net/zdx1515888659/article/details/9244471

版权

引言：前段时间在做项目的时候，有一个要求是用户在选择时间的时候，只能选择现在和站将来的时间。在网上查了一些有关日期控件DataPicker的资源，最后终于做出来了……

一、找到WdataPicker.js 将获取当前时间的方法 CurrentTime()写在文件的开头;

function CurrentTime(){
     		var now = new Date();
     		var year = now.getFullYear();
     		var month = now.getMonth()+1;
     		var day = now.getDate();
     		var hh = now.getHours();
     		var mm = now.getMinutes();
     		var clock = year+"-";
     		if (month<10) clock=clock+"0";
     		clock+=month+"-";
     		if (day<10){
        		clock+="0";
     		}
     		clock+=day+" ";
     		if (hh<10) clock+="0";
     		clock+=hh+":";
     		if (mm<10) clock++"0";
     		clock+=mm;
     		return (clock);
	}

注：在这里有两个地方是需要注意的

1、获得年份的时候，为了在IE跟FF里都得到正确的年份，在这里必需用getFullYear这个方法。

2、获得月份的时候，必须要+1，因为在js中，月份是从0开始算起的。

二、在调用的时候，使用minDate来限制最小时间

<input type="text" name="beginTime" id="beginTime" class="Wdate" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,
		readOnly:true,minDate:currentTime()})">

这样在用户点击文本框的时候，就会在调用WdatePicker方法来初始化日期插件时，通过调用WdataPicker.js里的currentTime方法获得当前时间来限制可选择的最小时间;