WdatePicker.js官网API
支持浏览器
- IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+
HTML
<!-- 类名"Wdate"显示日期小图标-->
<input id="select-time" class="Wdate" />
JavaScript
<script>
$("#select-time").click(function () {
WdatePicker({
el: this, //点击对象id，一般可省略el
lang: 'auto', //语言选择，一般用auto
dateFmt: 'yyyy-MM-dd HH:mm:ss', //时间显示格式，年月日 时分秒，年月日就是yyyy-MM-dd
minDate: '#F{$dp.$D(\'inputstarttime\')}', //最小日期
maxDate: '%y-%M-%d', //最大日期（当前时间）
readOnly: true, //是否只读
isShowClear: true, //是否显示“清空”按钮
isShowOK: true, //是否显示“确定”按钮
isShowToday: true, //是否显示“今天”按钮
autoPickDate: true //为false时 点日期的时候不自动输入,而是要通过确定才能输入，为true时 即点击日期即可返回日期值，为null时(推荐使用) 如果有时间置为false 否则置为true
})
})
</script>
一个时间段选择的栗子
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>
