欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

mydate97设置时间

发布时间:2025/3/15 编程问答 22 豆豆
生活随笔 收集整理的这篇文章主要介绍了 mydate97设置时间 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

  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
});
});
});

转载于:https://www.cnblogs.com/yanan7890/p/8146038.html

总结

以上是生活随笔为你收集整理的mydate97设置时间的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。