mydate97设置时间

时间:2023-11-28 17:48:44

  1.引入包

2.页面引入

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.2.1.1.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/plugins/My97DatePicker/WdatePicker.js"></script>

3.页面代码

不可预约的节假日:<input type="text" id="startDay"/><input type="text" id="endDay"/>
<br/>
不可预约的日期<input type="text" id="day"/>
<select>
<option>时间段</option>
<option value="1">全天</option>
<option value="2">上午</option>
<option value="3">下午</option>
</select>

4.点击事件(结束时间大于开始时间、时间大于当前时间)

$(function(){
$("#startDay").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd',
maxDate : '#F{$dp.$D(\'endDay\')}',
isShowClear : true,
readOnly : true
});
});
$("#endDay").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd',
minDate : '#F{$dp.$D(\'startDay\')}',
isShowClear : true,
readOnly : true
});
});
$("#day").click(function() {
WdatePicker({
dateFmt : 'yyyy-MM-dd',
minDate : new Date(),
isShowClear : true,
readOnly : true
});
});
});