如何使任何其他函数中的一个javascript函数的一个变量的值可用?

时间:2016-02-02 16:34:26

标签: javascript jquery jsp jquery-ui-datepicker javascript-objects

我希望我的datepicker的minDate可以使用someDate的值。目前我已将其保留为新的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()" >

2 个答案:

答案 0 :(得分:2)

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

integer :: a4, stat
character :: a1, a2, a3

open(unit=1001, file='Test.txt')
read(1001, '(a,a,a,i/)', iostat=stat) a1, a2, a3, a4
print *, stat, a1, a2, a3, a4
close(1001)

注意:这会在jomery中添加复选框更改处理程序,而不是在dom中,因此您的输入标记可以是:

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

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

答案 1 :(得分:1)

即使在全局范围内设置someDate,Datepicker也不知道使用新值。 Datepicker 确实有一个refresh method但是为了避免使用全局范围,它会更好......

像这样使用Datepicker option setter

function myFunction() {
    var someDate;

    // [Do the logic to decide value of someDate] 
    someDate = '+3d';     // three days from today, for example

    // Set the minDate option on the datePicker:
    $('#datepicker-5').datepicker('option', 'minDate', someDate);
}

另请注意:

  • 您应该从主datePicker初始化中删除minDate: someDate
  • 您可能需要查看jQueryUI文档以获取minDate的有效值。