Jquery：DatePicker：开始/结束日期 [英] Jquery: DatePicker: start/end date

问题描述

在发布我的问题

之前，我已经环顾四周了，我正在查看我的datepicker（开始日期和结束日期）：

following what i am looking in my datepicker (start date and end date):

1）开始日期可以是任何日期，（用户可以选择开始日期当前（现在）到任何将来的日期。

1) Start date: can be any date, (user can select start date current (now) to any future date.

2）开始日期：用户可以选择开始日期为6个月。
示例：如果今天是04/22/2010，那么我可以回到11/22/2009 ，但不要超过6个飞蛾。

2) Start date: user can select start date as back as 6 months. example: if today is 04/22/2010 then i can go back up to 11/22/2009 but not more than 6 moths.

3）开始日期如果用户选择开始日期（未来的当前，不过去）少于10天，那么我想提醒消息说需要至少10天

3) Start date if the user select the start date (current of future, not past) less then 10 days then i would like to alert message saying "need at least 10 days"

4）结束日期：应为以后日期的当前日期，以前的日期已被禁用。

4) End date: should be current date to future dates alll previous dates are disabled.

5）**开始日期/结束日期：**不应大于一年。

5) **Start date / End date: ** should not be greater than one year.

非常感谢。

PS：不知道我是否在这里要求太多：）

PS: not sure if i am asking too much here :)

推荐答案

我回答了一个朋友的类似问题他需要一个类似的级联日期，但是如果您看到我的标记，我可以看到如何解决问题。

I answered a similar question for a friend. He needed a cascading date similar, but I think you can see how to solve the issue if you look at my markup.

HTML

  <form target="_self" action="ClearForm.aspx">

清除表单

• 
  
  开始日期：


• 
  
  结束日期：


• 
  
  清除



JS

<script type="text/javascript">
$(document).ready(function () {

  $('#endDate').datepicker({ showOn: 'button',
      buttonImage: '../images/Calendar.png',
      buttonImageOnly: true, onSelect: function () { },
      onClose: function () { $(this).focus(); }
    });


  $('#startDate').datepicker({ showOn: 'button',
      buttonImage: '../images/Calendar.png',
      buttonImageOnly: true, onSelect:
        function (dateText, inst) {
          $('#endDate').datepicker("option", 'minDate', new Date(dateText));
        }
      ,
      onClose: function () { $(this).focus(); }
    });


});             

这篇关于Jquery：DatePicker：开始/结束日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！