禁用以前日期的多個日期選擇器不起作用

看起來像這個代碼已經承諾不會在我的代碼中工作。我想要做的是我有兩個日期選擇器。當我點擊Date1時，我想禁用本月的所有日期。在選擇日期2我想禁用date1的所有以前的日期。我無法理解我在這裏錯過了什麼。請幫忙嗎？禁用以前日期的多個日期選擇器不起作用

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>jQuery UI Datepicker - Default functionality</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
<script> 
$(function() { 
    $("#datepicker").datepicker(); 
    $("#enddate").datepicker(); 
}); 
</script> 
<script type="text/javascript"> 
$(document).ready(function() {  
    $("#datepicker").datepicker({ 
    minDate: 0, 
    onSelect: function(date) { 
     $("#enddate").datepicker('option', 'minDate', date); 
    } 
    }); 
$("#enddate").datepicker({}); 
</script> 
</head> 
<body> 
<p>Date1: <input type="text" id="datepicker"></p> 
<p>Date2: <input type="text" id="enddate"></p> 
</body> 
</html>

來源

2017-02-26 Ami Hasan

您不能將一個'minDate'分配給還沒有初始化的對象。 – Twisty

爲什麼你要初始化datepicker兩次？ – APECE

試試這個：

$(document).ready(function() {  
    $("#datepicker").datepicker({ 
    minDate: 0 
    }); 
    $("#enddate").datepicker(); 
    $("#datepicker").datepicker("option", "onSelect", function(date) { 
    $("#enddate").datepicker('option', 'minDate', date); 
    }); 
});

或者：

$(document).ready(function() {  
    $("#datepicker").datepicker({ 
    minDate: 0 
    }); 
    $("#enddate").datepicker({ 
    minDate: $("#datepicker").datepicker("getDate"); 
    }); 
});

後者我懷疑會更好。

來源

2017-02-26 20:57:26 Twisty

謝謝Twisty我已經解決了這個問題。但我需要另一種解決方案。我想日期格式爲dd/mm/yy我試過這段代碼：$（「＃txtDate」）。val（$。datepicker.formatDate（'dd M yy'，new Date（）））;但我不明白該把它放在哪裏。我是jquery的新手..你能幫我解決嗎？ –

我希望我的帖子能幫助回答你的問題。如果確實如此，請註冊並將其標記爲答案。關於你的其他問題，我建議你去搜索一下，因爲有這樣的例子：http://jqueryui.com/datepicker/#date-formats如果你仍然找不到答案，發佈一個新的問題，滿的您當前的代碼示例。 – Twisty

禁用以前日期的多個日期選擇器不起作用

回答

相關問題