-1
A
回答
0
<html>
\t <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Datepicker</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 type="text/javascript">
var dates = new Array();
function addDates(date) {
if (dates.length > 0) {
dates = [];
}
if (jQuery.inArray(date, dates) < 0){
var i;
for (i=1;i<14;i++){
var month = date.getMonth()+1;
var day = date.getDate() + i;
var year = date.getFullYear();
var value = month + '/' + day + '/' + year;
dates.push(value);
}
console.log(dates);
}
}
jQuery(function() {
jQuery("#datepicker").datepicker({
autoclose: false,
onSelect: function (dateText, inst) {
var date = new Date($(this).datepicker('getDate'));
addDates(date);
},
beforeShowDay: function (date) {
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var dateString = month + "/" + day + "/" + year;
var gotDate = jQuery.inArray(dateString, dates);
if (gotDate >= 0) {
// Enable date so it can be deselected. Set style to be highlighted
return [true, "ui-state-highlight"];
}
// Dates not in the array are left enabled, but with no extra style
return [true, ""];
}
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
到目前爲止好
+0
順便說一句,你們有什麼想法可以覆蓋日曆的設計嗎? –
0
相關問題
- 1. 選擇日期範圍withinthe未來14天內
- 2. 自舉日期選擇器日曆未顯示
- 3. 顯示日期選擇器
- 4. HTML/Angular2日期選擇器禁用以選擇未來日期
- 5. 如何防止日期選擇器選擇未來日期?
- 6. 使用Selenium在日期選擇器中自動選擇日期
- 7. Sencha Touch 2如何限制日期選擇器顯示未來日期
- 8. 在jquery中使用日期選擇器,今天顯示
- 9. 在Modalbox上顯示日期選擇器
- 10. 顯示1980年在日期選擇器
- 11. 選擇未來的日期
- 12. Bootstrap表單內聯和自動日期選擇器日期
- 13. 如果選擇日期不可用,則顯示未來30天的結果?
- 14. 顯示2個日期選擇日期之間的天數?
- 15. 禁用未來後的今天日期的jQuery UI的日期選擇器
- 16. Report Builder 3.0日期提示+/- 14天
- 17. ios - 如何顯示讀取日期「今天,4月14日」?
- 18. 日期選擇器自動關閉選擇日期不工作
- 19. 2 jQuery UI的日期選擇器附近,日期選擇器沒有顯示時,我是來自其他
- 20. 如何顯示7天的日期選擇器回溯Android中
- 21. 查詢:根據當天日期和顯示器之間選擇
- 22. beforeShowDay()jQuery的日期選擇器,限制天不顯示
- 23. 限制用戶在日期選擇器中選擇未來日期
- 24. 顯示未來15天,不包括在星期日在php
- 25. jQuery ui 1.7.3日期選擇器設置選擇日期+ 3天
- 26. 日期選擇器3天后選擇日期
- 27. jQuery的日期選擇器 - 選擇日期加6天
- 28. 日期選擇器不顯示日期後的日期
- 29. Appfuse-Maven日期選取器未顯示
- 30. angularstrap日期選擇器頭顯示
你嘗試過這麼遠嗎? –
你需要添加你已經嘗試過的代碼。 –
到目前爲止..沒有。只是一個概念 –