【问题标题】:jQuery: retrieve datepicker date, check if inside date range, display/hide fieldsjQuery:检索日期选择器日期,检查是否在日期范围内,显示/隐藏字段
【发布时间】:2013-11-26 16:17:26
【问题描述】:

我有一个在线表单,我想根据用户在日期选择器字段中选择的日期隐藏/显示特定字段。但是,他们选择的日期必须在特定日期范围内,才能显示/隐藏其他字段。

现在,这是我唯一的代码(我不是 jQuery 编写者)

jQuery(document).ready(function ($) {
$("#dpick").datepicker("getDate");
var monthsWithExams;
monthsWithExams = $("#dpick").datepicker("getDate");

if monthsWithExams - THIS IS WHAT I NEED HELP FIGURING OUT
});

#dpick 是我的 datepicker 字段的 id。一旦他们选择了一个日期,我希望代码检查所选日期是否在特定日期范围内 - 例如,如果他们选择 12 月的任何一天,那么我希望隐藏 ID 为 tours 的表单字段。我想我可以写if...else 部分,我只是不知道如何检查日期是否在日期范围内。

我不是 jQuery 专家,所以请尝试向我解释一下,以便我理解!谢谢你的帮助! :)

【问题讨论】:

    标签: javascript jquery date datepicker date-range


    【解决方案1】:

    您可以通过给出 minDate(starting date) 和 maxDate(Ending date) 来设置范围

     //This will only allow 30 days from now range
     $(function() {
       $("#txtFiled").datepicker({
       minDate: 'today',
       maxDate: "+30D"
       });
     }); 
    

    【讨论】:

    • 但这不只是将日期选择器中可以选择的日期限制在今天和 30 天后之间吗?我不想限制可以选择的日期,我希望能够检查所选日期是否在 2013 年 12 月 1 日和 2013 年 12 月 31 日之间
    • @Iconoclast 请参考这个stackoverflow.com/questions/16080378/…
    【解决方案2】:

    日期选择器有一个“onClose”,它可以获取所选日期并与其他日期进行检查。

    $( "#dpick" ).datepicker({
        onClose: function ( selectedDate ) {
            var date = selectedDate ;
            // if date is between x and y hide element A
        }
    });
    

    【讨论】:

      猜你喜欢
      • 2017-01-28
      • 1970-01-01
      • 1970-01-01
      • 2019-04-26
      • 1970-01-01
      • 2012-08-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多