jquery中使用datepicker限制开始日期小于结束日期
这里是使用Jquery插件实现的,这段代码来自于网络。感觉很实用,就做笔记记录下来。
原文:http://blog.csdn.net/tianyacao8025/article/details/7073385
//这是开始日期的操作 $("#endTime").datepicker({ //此处写自定义的参数操作 如showOtherMonths: true, selectOtherMonths: true, onSelect: function (dateText, inst) { //$("#begTime").datepicker("option ", "maxDate", new Date(dateText.replace("- ", ",")));//这是默认的日期,如12/2/2011 $("#begTime").datepicker("option ", "maxDate", new Date(dateText.replace("- ", "-")));//这里是改过的日期格式,2011-12-2 } }); //这是结束日期的操作 $("#begTime").datepicker({ onSelect: function (dateText, inst) { $("#endTime").datepicker("option", "minDate", new Date(dateText.replace("-", "-"))); } }); //点击确定按钮出现模式对话框,选择开始日期和结束日期 <input id="Button1" type="button" value="确定" /> <div id="putDate" title="输入日期"> <span>请输入开始日期:</span> <input type="text" id="begTime" class="ui-widget-content ui-corner-all" /> <span>请输入结束日期:</span> <input type="text" id="endTime" class="ui-widget-content ui-corner-all" /> </div>
标签:
JQuery
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术