溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文介紹了WdatePicker.js時間插件使用，分享給大家，具體如下：
引用：
在項目中引用“plugin-clander”文件夾。
在html中引用”WdatePicker.js”即可。
<script src="js/plugin-clander/WdatePicker.js"></script>
1.沒有對控件進行設置
<input class="Wdate" type="text" onfocus="WdatePicker()"/>
2.限制日期的范圍是 2006-09-10到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月
5.限制日期的范圍是 8:00:00 到 11:30:00
6.只能選擇今天以前的日期(包括今天)
7.使用了運算表達式 只能選擇今天以后的日期(不包括今天)
8. 只能選擇本月的日期1號至本月最后一天
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.使用了運算表達式 只能選擇 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. 相當于 document.getElementByIdx_x 函數.
那么為什么里面的 ' 使用 \' 呢? 那是因為 ” 和 ' 都被外圍的函數使用了,故使用轉義符 \ ,否則會提示JS語法錯誤.所以您在其他地方使用時注意把 \' 改成 ” 或者 ' 來使用.
#F{$dp.$D(\'d4312\')||\'2020-10-01\'} 表示當 d4312 為空時, 采用 2020-10-01 的值作為最大值]
<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4312\')||\'2020-10-01\'}' })"/>
<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4311\')}' ,maxDate:'2020-10-01' })"/>
WdatePicker.js時間插件的取值和賦值：
引用：
<script src="js/jquery-2.1.1.min.js"></script> <script src="js/plugin-clander/WdatePicker.js"></script>
html:
<input class="div-Wdate" type="text" onfocus="WdatePicker()"/> <p><button class="tijiaoBtn">提交</button></p>
js:
//賦值
$(".div-Wdate").val("2019-01-01");
//取值
$(".tijiaoBtn").on("click",function(){
console.log($(".div-Wdate").val());
});
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
