我希望someDate的值可用于日期选择器的minDate。目前,我将其保留为新的Date()以便其正常工作,但是要代替它,我需要someDate值。 myFunction()中有someDate逻辑。我该如何实现?

声明全局变量someDate无效。它仅传递了今天日期的值。在myFunction()中对someDate所做的更改需要合并到Datepicker函数中。

下面是我的代码。



function myFunction()
    {
    var check = document.getElementById('check');
    var time = new Date().getHours();
    var currentday=new Date().getDate();
    alert(currentday);
    var someDate = new Date();
    var day=0;
    if(!check.checked && time>10)
    {
      alert(time);
      alert(check.checked);
      day=6-currentday-1;

      var someDate = new Date();

      if(day>=3)
       {
        alert(day);
        someDate.setDate(someDate.getDate() + 3);
        alert(someDate);
       }
      else
       {
        alert(someDate);
        someDate.setDate(someDate.getDate() + 5);
        alert('yayy!!');
       }
    }
    else if(check.checked && time<10)
    {
    alert('Time <10 and checked');
    }
    else if(!check.checked && time <10)
    {
    alert('Time <10 and UNchecked');
    }

    else
    {
    alert(time);
      alert(check.checked);
      day=6-currentday-1;



      if(day>1)
       {
        alert(day);
        someDate.setDate(someDate.getDate() + 1);
        alert(someDate);
       }
    else
    {
    alert(day);
    someDate.setDate(someDate.getDate() + 3);
        alert(someDate);
    }
    }



    }

    $(function() {

    alert(window.someDate);
                $( "#datepicker-5" ).datepicker({

                   beforeShowDay : function (date)
                   {
                      var dayOfWeek = date.getDay ();
                      // 0 : Sunday, 1 : Monday, ...
                      if (dayOfWeek == 0 || dayOfWeek == 6) return [false];
                      else return [true];
                   },

    minDate: someDate

                });
             });

<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>


    <p id="demo"></p>


    <p>Enter Date: <input type="text" id="datepicker-5" ></p>
    <input type="checkbox" id="check" onclick="myFunction()" >

最佳答案

不需要全局名称空间来解决此问题。您可以将myFunction放入文档就绪处理程序中,如下所示:

$(function(){
  var someDate;
  function myFunction(){ ... }

  //add the change handler to the checkbox
  $("#check").change(function(){
    myFunction();
  });
}


注意:这将使用jQuery而不是dom添加复选框更改处理程序,因此您的输入标签可以是:

<input type="checkbox" id="check" >

10-08 09:15