特效介绍
JS日期选择插件
使用方法
第一步、在head引入WdatePicker.js第二步、根据需要在body加入下面的代码:
可以显示时间的样式
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true,minDate:'%y-%M-%d',firstDayOfWeek:1})">只能显示今天和以后的日期
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-%d'})"/>普通样式
<input class="Wdate" type="text" onClick="WdatePicker()" width='270px'>可以直接显示在页面使用
<div id="div1"></div> <script> WdatePicker({eCont:'div1',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}}) </script>双月显示功能
<input class="Wdate" type="text" onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/>蓝色皮肤样式
<input id="d322" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen'})"/>只能显示今天和以前的日期
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/>只能显示今天和以后的日期
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'%y-%M-%d'})"/>