我希望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" >