限制年月/ DatePicker的

什麼我以後是「上一個」按鈕，如果一年本年度比賽被禁用，但我也想限制「下一步」按鈕只能在下一年啓用，如果他們點擊它，則會被禁用。

我試過使用minDate: "0"和maxDate: "1y"但他們不工作。

HTML

<div class="input-group date" style="width: 200px"> 
    <input type="text" id="example1" class="form-control" style="cursor: pointer"/> 
     <span class="input-group-addon"> 
      <i class="glyphicon glyphicon-calendar"></i> 
     </span> 
</div>

JQuery的

$('#example1').datepicker 
({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    changeYear: true, 
    autoclose: true 
});

CSS

.datepicker-switch 
{ 
    pointer-events: none; 
}

我不希望有加年到我的代碼，否則我將不得不每年更新它併發布我的網站，所以如何在不添加此功能的情況下完成此操作。

來源

2015-10-05 murday1983

該方案基於J上桑托斯的解決方案，但固定的要求，從OP

要限制日期選擇器使用startDate和endDate。通過一個計算的日期對象易於使用的選項（沒有更新需要明年）

REQS：startDate = this year和endDate = this + next year

日期選擇器配置：

$('#example1').datepicker({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    autoclose: true, 
    startDate: new Date(new Date().getFullYear(), '0', '01'), 
    endDate: new Date(new Date().getFullYear()+1, '11', '31'), 
});

觀看演示：http://jsfiddle.net/RWY2X/28/

PS： changeYear不是現有選項

來源

2015-10-05 09:34:26 acrobat

以爲我已經刪除了'changeYear'哈哈，但是您的解決方案非常感謝。 – murday1983

這是你想要的嗎？禁用所有其他年份，除了當年

如果是，那麼使用startDate和endDate選項

Demo

來源

2015-10-05 09:18:38

@J Santosh下一年按鈕不顯示在選擇器顯示時編輯 – murday1983

如果下一個按鈕被點擊要禁用的內容，例如如果當前年份是2015年，那麼下一個按鈕將在2016年產生，您希望哪一個停用2016年或2017年？ –

@J Santosh顯示日曆時，如果年份與當年不相等（例如2015），則應顯示「下一步」按鈕。如果用戶點擊「Next」按鈕，他們就不能再次點擊它 – murday1983

限制年月/ DatePicker的

回答

相關問題