如何在默认日期范围内给日期选择器？

我想，当calender.html加载minRange和maxRange被自动选择如何在默认日期范围内给日期选择器？

calender.html

<html> 
    <head> 
    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script> 
    <link href="datepicker.min.css" rel="stylesheet" type="text/css"> 
    <script src="datepicker.min.js"></script> 

    <!-- Include English language --> 
    <script src="datepicker.en.js"></script> 

    <script type="text/javascript"> 
    var date = new Date(); 
    var currentMonthStartDay = new Date(date.getUTCFullYear(), date.getUTCMonth(), 1); 
    var currentMonthLastDay = new Date(date.getUTCFullYear(), date.getUTCMonth() + 1, 0); 


     $('#my-element').data('datepicker').minRange = currentMonthStartDay; 
     $('#my-element').data('datepicker').maxRange = currentMonthLastDay; 


    </script> 
    </head> 
    <body> 
    <!-- <input type='text' class="datepicker-here" data-position="right top" /> --> 
    <div class="datepicker-here" id='my-element' data-language='en' data-range="false"></div> 
    </body> 
</html>

我不能设置minRange和maxRange

来源

2016-02-25 Suparna

尝试这样

$('#minMaxExample').datepicker({ 
    language: 'en', 
    minDate: new Date() // Now can select only dates, which goes after today 
})

来源

2016-04-22 06:11:14 user6239040

可以使用空气日期选择器的方法selectDate（）这样的：

var datepicker = $('#my-elem').datepicker().data('datepicker'); 
datepicker.selectDate(startDate); 
datepicker.selectDate(endDate);

确保您的startDate和结束日期是一个JavaScript日期，如果不是，请使用

new Date(startDate)

来源

2016-07-20 14:26:24

就我而言，我有限的日期选择，使用户只看到两个日期之间的日期：今天和接下来的一天（分配10天后来=这是一个变量，你可以改变它，只要你想） assumed that today is 07/27/2017 thus 05/08/2017 would be 10days later~yay

第一：我的代码：

var myDate=new Date() ; 
// Variable Declare＝today 
var spanDay = myDate.getDate(); 
myDate.setDate(spanDay + 10); 
//code above means you have assigned 10 days after myDate

然后：

//in datepicker plugin 

var $cells = $('#custom-cells'); 
$cells.data('datepicker'); 
$cells.datepicker({ 
     todayButton: new Date(), 
     minDate: new Date(), 

     maxDate:myDate, 
     onRenderCell: function (date, cellType) { 
      if (cellType == 'day') { 
       var day = date.getDay(), 
        isDisabled = disabledDays.indexOf(day) != -1; 
       return { 
        disabled: isDisabled 
       } 
      } 
     } 
    });

来源

2017-07-27 07:46:10

如何在默认日期范围内给日期选择器？

回答

相关问题