WdatePicker使用，WdatePicker时间段选择，

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

书读百遍

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

阅读量5.4k

点赞数

CC 4.0 BY-SA版权

文章标签： WdatePicker使用 WdatePicker时间段选择 WdatePicker默认值 WdatePicker只读设置

本文链接：https://blog.youkuaiyun.com/qq_28966143/article/details/83093948

本文详细介绍了WdatePicker时间插件的使用方法，包括如何设置只读的年份选择器，以及如何通过minDate和maxDate属性实现起止年份的选择限制。文章还提供了具体的JavaScript代码示例。

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

说明这是一个时间插件。

dateFmt：‘yyyy-MM-dd’或者‘yyyy’ 时间显示格式。
demo:只读，只显示年份，起止年份，第一个必须小于第二个，第二个时间必须大于第一个时间

<script type="text/javascript">
	$(function(){
		var today=new Date();
        var h=today.getFullYear();
        var todayStr = h;
		$("#year_start").val(h-2);//设置默认值
		$("#year_end").val(h);//设置默认值
	});
	
</script>


<td width="60px">起止年度:</td>
<td width="200px">
   <input readonly="readonly"  style="width:90px" onFocus="WdatePicker({dateFmt:'yyyy',maxDate:'#F{$dp.$D(\'year_end\')}'})" class="Wdate" id="year_start" name="yearStart"/>
~ <input readonly="readonly"  style="width:90px"  onFocus="WdatePicker({dateFmt:'yyyy',minDate:'#F{$dp.$D(\'year_start\')}'})" class="Wdate" id="year_end" name="yearEnd"/>	
</td>