5

Hãy xem fiddle của tôi.Vô hiệu hóa tháng trên tháng/ngàyPicker

Tôi có một thanh công cụ chỉ cho phép người dùng chọn trước một năm nhưng những gì tôi muốn trong tháng vừa qua sẽ bị tắt và cũng bất kỳ tháng nào sau một năm trước bị tắt nhưng tôi không thể tìm ra cách để có được điều này làm việc.

Ví dụ Kịch bản Tháng hiện tại là 'Tháng Mười' để cho 'Năm 2015' tháng tháng một-Tháng chín 'sẽ bị vô hiệu và tháng Tháng Mười Một-Tháng mười hai' sẽ bị vô hiệu cho 'Năm 2016'

Tôi đã cố gắng sử dụng minDate: "0" và maxDate: "1y" nhưng chúng không hoạt động.

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, 
    autoclose: true, 
    startDate: new Date(new Date().getFullYear(), '0', '01'), 
    endDate: new Date(new Date().getFullYear()+1, '11', '31') 
}); 
+0

có thể xem xét câu hỏi này sẽ cung cấp cho bạn một ý tưởng? - http://stackoverflow.com/questions/21031211/how-to-disable-different-months-in-each-of-the-datepicker-range-years-using-befo – TrojanMorse

Trả lời

5

DEMO

Bạn có thể làm điều đó với startDateendDate nhưng cố gắng gán biến cập nhật để mewhere bên ngoài như sau:

var date=new Date(); 
var year=date.getFullYear(); //get year 
var month=date.getMonth(); //get month 

$('#example1').datepicker 
({ 
    format: "MM yyyy", 
    minViewMode: 1, 
    autoclose: true, 
    startDate: new Date(year, month, '01'), //set it here 
    endDate: new Date(year+1, month, '31') 
}); 
3

những gì tôi muốn là trong nhiều tháng qua bị vô hiệu và cũng có bất kỳ tháng sau một năm trước bị vô hiệu

Tôi đã cố gắng sử dụng minDate: "0" và maxDate: "1y" nhưng chúng không hoạt động.

Bạn đang đi đúng hướng. Tuy nhiên, thay vì minDatemaxDate hãy sử dụng startDateendDate. Như thế này:

$('#example1').datepicker ({ 
    startDate: "-0m", 
    endDate: "+1y",  
    ... 
}); 

-0m chỉ cho phép tối đa trong tháng này và +1y chỉ cho phép tối đa một năm.

Fiddle: http://jsfiddle.net/abhitalks/RWY2X/34/

+0

Khá đẹp .. +1 .. :) –

Các vấn đề liên quan