2013-10-07 56 views
6

工作我使用這個自舉日期選擇器http://www.eyecon.ro/bootstrap-datepicker/的minDate不是在引導日期選擇器

<script type="text/javascript"> 
var dateToday = new Date(); 
$(function() { 
    $("#id_deadline").datepicker({minDate: dateToday}); 
}); 
</script> 

我想讓選擇從今天到未來日期只(不過去的日期)。日期選擇器正在顯示,它也讓我選擇過去的日期。怎麼了?

+1

你可能想看看這個http://eternicode.github.io/bootstrap-datepicker/ – jayeshkv

+0

最後我用'jQuery的picker'。有效。 – pynovice

回答

-3

嘗試使用startDate

startDate: "dateToday" 
+0

不工作,無論有無報價。 – pynovice

16

嘗試使用方式:

$("#id_deadline").datepicker({ startDate: "today" }); 

有沒有需要的日期變種使用StartDate參數。

+0

這不適合我。任何人都可以有更好的解決方案 –

0

下面應該工作: 的minDate:新的Date()

1

我的代碼是引導的DateTimePicker(MINDATE)功能相關。 我的代碼在ff,chrome和ie等所有瀏覽器中工作。 請檢查下面的例子。爲我工作。

$('#datetimepicker1').datetimepicker({ 
      //minDate: new Date() + 1, 
      minDate:moment(), 
      Default: true, 
      defaultDate: new Date(), 
      pickTime: false, 
      use24hours: false, 
      format: 'MM-DD', 
      icons: { 
       time: "fa fa-clock-o", 
       date: "fa fa-calendar", 
       up: "fa fa-arrow-up", 
       down: "fa fa-arrow-down" 
      }, 
      // minDate: moment(+1), 
     }); 
5

嘗試使用startDate用這種方式:

$("#id_deadline").datepicker({startDate: new Date()}); 

我希望它會幫助你

+0

這適用於我使用的bootstrap版本,而不是minDate。 – M4ver1k

0

你可以用以下這禁用所有過去dates-

對工作的DatePicker代碼working Fiddle

$(function() { 
    //get Today's Date 
    var currDate = new Date(); 
    $('#datetimepicker').datepicker({ 
    startDate : currDate 
    }); 
}); 

和dateTimePicker的這樣的工作(Fiddle) -

$(function() { 
    $('#datetimepicker').datetimepicker({ 
    minDate : moment() 
    }); 
}); 
+0

你的解決方案是用於datetimepicker,OP希望它用於datepicker。無論如何,你的解決方案對於datetimepicker是正確的。 – ni8mr

4

由於沒有一個答案爲我工作。我設法禁用舊的日期使用的OnRender選項

$('.datepicker').datepicker({ 
      onRender: function(date) { 
      return date.valueOf() < new Date().valueOf() ? 'disabled' : ''; 
     } 
    });