WdatePicker.js官網(wǎng)API
支持瀏覽器
- IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+
HTML
<!-- 類名"Wdate"顯示日期小圖標(biāo)-->
<input id="select-time" class="Wdate" />
JavaScript
<script>
$("#select-time").click(function () {
WdatePicker({
el: this, //點(diǎn)擊對(duì)象id赏半,一般可省略el
lang: 'auto', //語(yǔ)言選擇概龄,一般用auto
dateFmt: 'yyyy-MM-dd HH:mm:ss', //時(shí)間顯示格式,年月日 時(shí)分秒坏挠,年月日就是yyyy-MM-dd
minDate: '#F{$dp.$D(\'inputstarttime\')}', //最小日期
maxDate: '%y-%M-%d', //最大日期(當(dāng)前時(shí)間)
readOnly: true, //是否只讀
isShowClear: true, //是否顯示“清空”按鈕
isShowOK: true, //是否顯示“確定”按鈕
isShowToday: true, //是否顯示“今天”按鈕
autoPickDate: true //為false時(shí) 點(diǎn)日期的時(shí)候不自動(dòng)輸入,而是要通過(guò)確定才能輸入,為true時(shí) 即點(diǎn)擊日期即可返回日期值奠涌,為null時(shí)(推薦使用) 如果有時(shí)間置為false 否則置為true
})
})
</script>
一個(gè)時(shí)間段選擇的栗子
HTML
<input id="select-start-time" class="Wdate" /> 至 <input id="select-end-time" class="Wdate" />
JavaScript
<script>
$("#select-start-time").click(function () {
WdatePicker({
lang: 'auto',
dateFmt: 'yyyy-MM-dd',
maxDate: '#F{$dp.$D(\'select-end-time\')||\'%y-%M-%d\'}',
readOnly: true
})
})
$("#select-end-time").click(function () {
WdatePicker({
lang: 'auto',
dateFmt: 'yyyy-MM-dd',
minDate: '#F{$dp.$D(\'select-start-time\')}',
maxDate: '%y-%M-%d',
readOnly: true
})
})
</script>