js 日期控件WdatePicker设置最小时间

最新推荐文章于 2024-07-04 17:15:56 发布

原创最新推荐文章于 2024-07-04 17:15:56 发布 · 1.2w 阅读

0 ·

CC 4.0 BY-SA版权

JS 同时被 2 个专栏收录

6 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

本文介绍了如何在JavaScript中利用WdatePicker插件为日期输入控件设定最小时间限制，从而增强用户体验并确保数据的有效性。通过示例代码展示设置过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML:

<input type="hidden" id="nowTime" value="" />
					<input id="tendersTime" name="tendersTime" type="text"
	value="" pattern="yyyy-MM-dd HH:mm" maxlength="20" class="input-medium Wdate me_input tender_w required date"
	onclick="WdatePicker({minDate:'#F{$dp.$D(\'nowTime\',{d:0})}',dateFmt:'yyyy-MM-dd HH:mm',isShowClear:false,startDate:'%y-%M-01 00:00',alwaysUseStartDate:true});"  readonly="readonly"/>

Script：

// 对Date的扩展，将 Date 转化为指定格式的String
	// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， 
	// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
	// 例子： 
	// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
	// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18 
	Date.prototype.Format = function(fmt) { //author: meizz 
	    var o = {
	        "M+": this.getMonth() + 1, //月份 
	        "d+": this.getDate(), //日 
	        "h+": this.getHours(), //小时 
	        "m+": this.getMinutes(), //分 
	        "s+": this.getSeconds(), //秒 
	        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
	        "S": this.getMilliseconds() //毫秒 
	    };
	    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    for (var k in o)
	    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    return fmt;
	}
	
	$(function(){
		var time1 = new Date().Format("yyyy-MM-dd hh:mm:ss"); 
	 	$("#nowTime").val(time1);
	 	$("#tendersTime").val(time1); 
});