1 2

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>
复制代码

 

posted @   大海的泡沫  阅读(2067)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
1 2
点击右上角即可分享
微信分享提示