Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery日期选择器-如果用户未选择开始日期,则禁用所有结束日期_Jquery_Datepicker - Fatal编程技术网

jQuery日期选择器-如果用户未选择开始日期,则禁用所有结束日期

jQuery日期选择器-如果用户未选择开始日期,则禁用所有结束日期,jquery,datepicker,Jquery,Datepicker,在我的日期选择器中,我有一些限制 结束日期不应早于开始日期-完成 现在我的问题是,如果不选择开始日期,用户就不能选择结束日期 My Jquery for datepicker: var dateToday = new Date(); $( function() { $( "#datepicker1" ).datepicker({ changeMonth: true, changeYear: true, dateFormat:'dd-M-yy', // m

在我的日期选择器中,我有一些限制

  • 结束日期不应早于开始日期-完成
  • 现在我的问题是,如果不选择开始日期,用户就不能选择结束日期
  • My Jquery for datepicker:

    var dateToday = new Date(); 
    $( function() {
      $( "#datepicker1" ).datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat:'dd-M-yy',
        //   minDate: dateToday,
        onClose: function (selected) {
          $("#end").datepicker("option", "minDate", selected);
        }
      });
      $( "#end" ).datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat:'dd-M-yy',
        // minDate: dateToday,
        onClose: function (selected) {
          $("#datepicker1").datepicker("option", "maxDate", selected);
        }
      });
    }); 
    
    请参见以下内容中的更改:

    onClose: function (selected) {
      if(selected.length <= 0) {
          // selected is empty
          $("#end").datepicker('disable')
      } else {
          $("#end").datepicker('enable');
      }
      $("#end").datepicker("option", "minDate", selected);
    }
    
    onClose:函数(已选择){
    
    如果首先选择了(length,则默认情况下应禁用
    #end
    日期选择器。然后修改
    #datepicker1
    onClick
    处理程序,如下所示:

    onClose: function (selected) { 
      $("#end")
        .datepicker("option", "minDate", selected)
        .datepicker("option", "disabled", !selected);
    }
    

    可能重复感谢您的回复,如何使用它而不影响我以前的代码默认情况下只需禁用第二个日期选择器,如果选择了日期值,则在第一个日期选择器的
    onClose
    事件处理程序中启用。是的,我最初已禁用,但我无法启用Thank you It W哦,你的答案更快更好;)工作完美,如果我选择开始日期,则只有我的结束日期处于启用状态,一旦我选择了两者,我将删除开始日期,现在结束日期再次处于禁用状态,但它包含所选的最新日期value@Vishnu,我忘记了开始日期可能会被删除。我已更新代码,以便在删除开始日期时再次锁定结束日期选择器。