jquery ui datepicker起始日期与结束日期的校验

最新推荐文章于 2023-05-24 17:39:43 发布

Concern

最新推荐文章于 2023-05-24 17:39:43 发布

阅读量3.8k

点赞数

分类专栏： jquery datapicker

本文链接：https://blog.csdn.net/concernings/article/details/8537078

版权

本文介绍如何在项目中使用jQuery UI Datepicker组件，并详细讲解如何设置开始日期和结束日期的限制，确保结束日期不能早于开始日期。通过设置onselect事件，动态更新结束日期的选择范围，以实现日期范围的正确校验。

摘要由CSDN通过智能技术生成

1.引言

之前做的一个项目中用到jquery datepicker,看了一些网上的例子，但是不够完整。

http://blog.csdn.net/redarmy_chen/article/details/7400723

这是类似的例子，但是不够完整，dateText类型为Date,如何构造Date查阅的w3c的javascript API,设置开始日期与结束日期只能一步步来

2.引入jquery-us.css,jquery-ui.js

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/redmond/jquery-ui.css" />
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

3.定义开始日期与结束日期

<input type="text" readonly="readonly" placeholder="0000-00-00"【1】 name="startDate" id="startDate" class="in-put datepicker" value="" />
<input type="text" readonly="readonly" placeholder="0000-00-00" name="endDate" id="endDate" class="in-put datepicker" value="" />