web-dev-qa-db-ja.com

minDateがbootstrap datepickerで機能しない

私はこれを使用していますbootstrap datepicker http://www.eyecon.ro/bootstrap-datepicker/ ：

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

今日から未来までの日付のみを選択させたい（過去の日付ではない）。 Datepickerが表示され、過去の日付も選択できるようになります。どうしましたか？

twitter-bootstrapdatepicker
7
pynovice

そのように使用してみてください：

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

StartDateパラメーターを使用するためにDate変数は必要ありません。

21
tetri

答えのどれも私のために働いていなかったので。 onRenderオプションを使用して、古い日付を無効にすることができました

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

この方法でstartDateを使用してみてください：

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

お役に立てば幸いです

6
Mohamed

私のコードはBootstrap Datetimepicker（mindate）機能に関連しています。私のコードはff、chromeなどのすべてのブラウザで動作しています。以下の例を確認してください。動作しています。

    $('#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),
        });
3
shashik493

試してみてください

var dateToday = new Date(); 
$(function () {
    $( "#datepicker1" ).datepicker({
        format: 'yyyy-mm-dd',
      autoclose: true,
      startDate: dateToday
    });
});

バックデート

var last7Days = new Date(); 
last7Days.setDate(last7Days.getDate()-7);
$(function () {
    $( "#datepicker1" ).datepicker({
        format: 'yyyy-mm-dd',
        autoclose: true,
        startDate: last7Days
    });
});
1
Waruna Manjula

以下が機能するはずです：minDate：new Date（）

0
Ashwin

私はこのオプションを探すためにドキュメントを調べるのに少し時間を費やしました。 bootstrap datepickerには、ドキュメントからの日付または文字列を受け入れる startDate オプションが付属しています。

日付はローカルタイムゾーンである必要があります。文字列はformatで解析可能である必要があります

オンラインデモ があり、さまざまなオプションを試すことができます。 startDateフィールドにnow（またはnew Date()）を入力すると、datepickerでは現在の日付より前の日付を選択できなくなります。

横にある小さなコード出力には、Webサイトで使用する必要のあるコードが表示されます。この場合は次のようになります。

$('#sandbox-container input').datepicker({
    startDate: "now"
});

Datepicker要素を指すセレクターの#sandbox-container input部分を切り替える必要があります。

0
Sl4rtib4rtf4st

過去のすべての日付を無効にする次の作業コードを使用できます-

datePickerの場合 作業中のフィドル

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

そしてDateTimePickerの場合、これは機能します（ Fiddle ）-

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