本文介紹了WdatePicker.js時間插件使用,分享給大家,具體如下:
引用:
在項目中引用“plugin-clander”文件夾。
在html中引用”WdatePicker.js”即可。
<script src="js/plugin-clander/WdatePicker.js"></script>
1.沒有對控件進(jìn)行設(shè)置
<input class="Wdate" type="text" onfocus="WdatePicker()"/>
2.限制日期的范圍是 2006-09-10到2008-12-20
代碼如下:
<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate: '2006-09-10', maxDate: '2008-12-20' })"/>
3.限制日期的范圍是 2008-3-8 11:30:00 到 2008-3-10 20:59:30
<input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' })" value="2008-03-09 11:00:00"/>4.限制日期的范圍是 2008年2月 到 2008年10月
代碼如下:<input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>
5.限制日期的范圍是 8:00:00 到 11:30:00
代碼如下:<input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>
6.只能選擇今天以前的日期(包括今天)
代碼如下:<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate: '%y-%M-%d' })"/>
7.使用了運算表達(dá)式 只能選擇今天以后的日期(不包括今天)
代碼如下:<input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>
8. 只能選擇本月的日期1號至本月最后一天
代碼如下:<input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })"/>
9.只能選擇今天7:00:00至明天21:00:00的日期
<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss', minDate: '%y-%M-%d 7:00:00', maxDate: '%y-%M-#{%d+1} 21:00:00' })"/> 10.使用了運算表達(dá)式 只能選擇 20小時前 至 30小時后 的日期
<input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm', minDate: '%y-%M-%d #{%H-20}:%m:%s' ,maxDate: '%y-%M-%d #{%H+30}:%m:%s' })"/>11. 前面的日期不能大于后面的日期且兩個日期都不能大于 2020-10-01
合同有效期從 到
[注意: 兩個日期的日期格式必須相同.
dp. 相當(dāng)于 document.getElementByIdx_x 函數(shù).
那么為什么里面的 ' 使用 /' 呢? 那是因為 ” 和 ' 都被外圍的函數(shù)使用了,故使用轉(zhuǎn)義符 / ,否則會提示JS語法錯誤.所以您在其他地方使用時注意把 /' 改成 ” 或者 ' 來使用.
新聞熱點
疑難解答
圖片精選