28

datetimepickerで現在の日付から過去の日付を無効にする方法は? 同様の質問に対していくつかの投稿を試しましたが、達成できませんでした。以下は私が試したものです

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
 href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
 src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script> 
<script type="text/javascript"
 src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
  $('#datetimepicker2').datetimepicker({
    language: 'en',
    pick12HourFormat: true
  });
});
</script>

<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy" type="text"/>
<span class="add-on">
  <i  data-date-icon="icon-calendar">
  </i>
</span>

私も試しました

$("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true,  minDate:'0d' });

と

$("#datetimepicker2").datepicker({ minDate: 0 });
4

26 に答える 26

58

にゼロを指定するmindateと、過去の日付が無効になります。

$( "#datepicker" ).datepicker({ minDate: 0});

ここにLive fiddle実例がありますhttp://jsfiddle.net/mayooresan/ZL2Bc/

公式ドキュメントはこちらから入手できます

于 2013-04-02T06:55:32.747 に答える
14

minDate: dateTodayまたはminDate: '0'、ここが鍵です。minDate プロパティを設定してみてください。

$(function() {
    $( "#datepicker" ).datepicker({
        numberOfMonths: 2,
        showButtonPanel: true,
        minDate: dateToday // minDate: '0' would work too
    });
});

続きを読む

于 2013-04-02T06:54:02.210 に答える
9 
$(function () {
    $("#date").datepicker({ minDate: 0 });
});
于 2014-09-30T05:07:31.363 に答える
7

これはうまくいきます：

 var dateToday = new Date();    
 $(function () {
     $("#date").datepicker({ 
         minDate: dateToday 
     });
 });
于 2015-07-07T06:52:36.740 に答える
1

以下で説明するように、パラメーター startDate を導入しました。 

var todaydate = new Date();
    $(".leave-day").datepicker({
        autoclose: true,
        todayBtn: "linked",
        todayHighlight: true,
        startDate: todaydate     
      }
    ).on('changeDate', function (e) {
        var dateCalendar = e.format();
        dateCalendar = moment(dateCalendar, 'MM/DD/YYYY').format('YYYY-MM-DD');
        $("#date-leave").val(dateCalendar);
    });
于 2017-09-21T11:12:16.827 に答える
0

注:daterangepickerこのスクリプトは、ライブラリを使用しているときに機能します。SatまたはSunday日付を無効にする場合はdaterangepicker、次のコード行を追加します。

        $("#event_start").daterangepicker({
            // minDate: new Date(),
            minYear: 2000,
            showDropdowns: true,
            singleDatePicker: true,
            timePicker: true,
            timePicker24Hour: false,
            timePickerIncrement: 15,
            drops:"up",
            isInvalidDate: function(date) {
                //return true if date is sunday or saturday
                return (date.day() == 0 || date.day() == 6);
            },
            locale: {
                format: 'MM/DD/YYYY hh:mm A'
            }
        });

previous dateまたは、これも無効にしてsatからsun、この行のコメントを外したい場合minDate: new Date()

于 2020-11-06T10:27:31.837 に答える
0

のオプションを追加

startDate: new Date()

このように参照します

$('.installment_date').datepicker({
     startDate: new Date()
});
于 2021-12-10T15:02:58.097 に答える