我有一個劍道日期選擇器,其中只顯示幾個月。現在我想禁用當前月份的前幾個月禁用,所以用戶將無法進入前一個月。如何禁用前幾個月在劍道月選擇器
1
A
回答
1
請嘗試使用下面的代碼片段。
<!DOCTYPE html>
<html>
<head>
<title>Jayesh Goyani</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
</head>
<body>
<div id="date"></div>
<script>
$(document).ready(function() {
var myDatePicker = $("#date").kendoDatePicker().data("kendoDatePicker");
myDatePicker.min(new Date()); //This code line will hide previous date from date picker
});
</script>
</body>
</html>
更新1:
<!DOCTYPE html>
<html>
<head>
<title>Jayesh Goyani</title>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
<style>
.disabledDay {
display: block;
overflow: hidden;
min-height: 22px;
line-height: 22px;
padding: 0 .45em 0 .1em;
cursor: default;
opacity: 0.5;
}
</style>
</head>
<body>
<input id="datepicker" style="width: 150px;" />
<script>
disabledDaysBefore = [
+new Date("10/20/2015")
];
$(document).ready(function() {
var p = $("#datepicker").kendoDatePicker({
value: new Date(),
dates: disabledDaysBefore,
change: onChange,
month: {
content: '# if (data.date < data.dates) { #' +
'<div class="disabledDay">#= data.value #</div>' +
'# } else { #' +
'#= data.value #' +
'# } #'
},
open: function (e) {
$(".disabledDay").parent().removeClass("k-link")
$(".disabledDay").parent().removeAttr("href")
},
}).data("kendoDatePicker");
});
function onChange() {
var tillDate = new Date(disabledDaysBefore[0]);
var selectedDate = new Date(kendo.toString(this.value(), 'd'));
if (tillDate > selectedDate) {
tillDate = tillDate + parseInt(1);
$("#datepicker").data("kendoDatePicker").value(tillDate);
}
}
</script>
</body>
</html>
讓我知道如果任何問題。
-1
可以使用disableDates
屬性,並指定一個函數來檢查日期是在當前日期之前,大致沿着這些線路:
$("#monthpicker").kendoDatePicker({
start: "year",
depth: "year",
format: "MMMM yyyy",
disableDates: function (date) {
var currentDate = new Date();
if (date.getFullYear() <= currentDate.getFullYear() && date.getMonth() < currentDate.getMonth()) {
return true;
} else {
return false;
}
}
});
+0
Thnx ...但我不知道前一個月的邏輯。 –
+0
嘗試更新的答案,應該可以工作。 – DoctorMick
相關問題
- 1. 劍道UI日期選擇器 - 個月的變化情況
- 2. 幾個月前在ruby
- 3. 如何選擇前一個月
- 4. 選擇個月,數個月
- 5. 日期選擇器,只顯示前幾個月
- 6. momentjs如何計算幾個月前?
- 7. 上個月的前幾天
- 8. 清單12前幾個月
- 9. 獲取前幾個月
- 10. 在jQuery datepicker中禁用月份選擇
- 11. 禁用個月月/ DatePicker的
- 12. 引導日期選擇器 - 幾個月甚至幾年只有
- 13. AngularJS日期選擇器只有幾年和幾個月
- 14. 如何在WPF DatePicker中僅選擇年(或幾個月)?
- 15. 禁用天一個月前在jQuery的自舉日期選擇器
- 16. 禁用 - 劍道列標題選擇
- 17. 參數月份選擇:查詢顯示前一個月,12個月前和過去12個月的平均值
- 18. 如何禁用datepicker中的前一個選定的月份
- 19. 選擇框月份和月份從PHP當前月份開始
- 20. 選擇上個月
- 21. jQuery datepicker,禁用月份選擇
- 22. 選擇前12個月按月和年輸入
- 23. 選擇從上個月當月
- 24. 基於上個月顯示6前幾個月
- 25. JQuery UI日期選擇器禁止選擇的月份
- 26. jquery UI日期選擇器只使用幾個月和幾年的錯誤
- 27. 用幾個月和數字填充組合框幾個月
- 28. Oracle在一個時間範圍內選擇幾個月
- 29. 如何選擇每個月的每月最大日期行
- 30. UI:月份選擇器
我不想上月從calendar.I隱藏只想禁用它。 –
我已根據要求更新了我的上述帖子。 –
disabledDay類沒有申請..我仍然可以選擇上個月,但在選擇沒有日期顯示在那裏。 –