Javascript 如何将两天的课程设置为datepicker?

Javascript 如何将两天的课程设置为datepicker?,javascript,jquery,html,datepicker,Javascript,Jquery,Html,Datepicker,我使用的是jquery ui datepicker,我想在两个选定的日期之间为类提供所有rowstd,但我的datepicker不是日期范围,因为某些原因,我必须这样使用,我的问题是如何在两个选定的日期之间设置css使用jquery ui还是仅使用js $function{ var ilktarih=['2017-03-23']; var sontarih=['2017-04-10'] var bostarihler=['2017-03-15','2017-03-16','2017-03-17

我使用的是jquery ui datepicker,我想在两个选定的日期之间为类提供所有rowstd,但我的datepicker不是日期范围,因为某些原因,我必须这样使用,我的问题是如何在两个选定的日期之间设置css使用jquery ui还是仅使用js

$function{ var ilktarih=['2017-03-23']; var sontarih=['2017-04-10'] var bostarihler=['2017-03-15','2017-03-16','2017-03-17','2017-03-18','2017-03-19','2017-03-20','2017-03-21','2017-03-22','2017-03-23','2017-03-24','2017-03-25','2017-03-26','2017-03-27','2017-03-28','2017-03-29','2017-03-30']; var dolutarihler=[‘2017-02-22’、‘2017-02-23’、‘2017-02-24’、‘2017-02-25’、‘2017-02-26’、‘2017-02-27’、‘2017-02-28’、‘2017-03-01’、‘2017-03-03’、‘2017-03-04’、‘2017-03-05’、‘2017-03-06’、‘2017-03-08’、‘2017-03-09’、‘2017-03-10’、‘2017-03-13’、‘2017-03-14’]; var sstarihler=[]; var dateFormat=mm/dd/yy, from=$checkin.datepicker{ 变化月:对, 月数:2, 第一天:1, minDate:new Dateilktarih, maxDate:new Datesontarih, onSelect:functionselectedDate{ var yenitarih=新日期; var date=$this.datepicker'getDate'; date.setTimedate.getTime+1000*60*60*24 $checkout.datepickeroption,minDate,date; }, beforeShowDay:functiondate{ var y=date.getFullYear.toString;//获取全年 var m=date.getMonth+1.toString;//获取月份。 var d=date.getDate.toString;//获取日期 如果m.length==1{ m='0'+m; }//如果是单个数字,则追加零 如果d.length==1{ d='0'+d; }//如果是单个数字,则追加零 变量currDate=y+'-'+m+'-'+d; 如果jQuery.inArraycurrDate,则dolutarihler>=0{ 返回[false,ui高亮显示]; } 如果jQuery.inArraycurrDate,则bostarihler>=0{ 返回[true,ui-bos]; } 如果jQuery.inArraycurrDate,则sstarihler>=0{ 返回[false,ui-ss]; }否则{ 返回[真]; } }, isTo1:是的, }.onchange,函数{ to.datepickeroption、minDate、getDatethis; }, to=$checkout.datepicker{ 变化月:对, 变化年:是的, 第一天:1, 月数:2, minDate:new Dateilktarih, maxDate:new Datesontarih, onSelect:functionselectedDate{ $checkin.datepickeroption,maxDate,selectedDate; }, beforeShowDay:functiondate{ var y=date.getFullYear.toString;//获取全年 var m=date.getMonth+1.toString;//获取月份。 var d=date.getDate.toString;//获取日期 如果m.length==1{ m='0'+m; }//如果是单个数字,则追加零 如果d.length==1{ d='0'+d; }//如果是单个数字,则追加零 变量currDate=y+'-'+m+'-'+d; 如果jQuery.inArraycurrDate,则dolutarihler>=0{ 返回[true,ui高亮显示donus]; } 如果jQuery.inArraycurrDate,则bostarihler>=0{ 返回[true,ui-bos]; } 如果jQuery.inArraycurrDate,则sstarihler>=0{ 返回[true,ui ss donus]; }否则{ 返回[真]; } } }.onchange,函数{ from.datepickeroption、maxDate、getDatethis; }; 函数getDateelement{ 风险值日期; 试一试{ 日期=$.datepicker.ParseDateFormat,element.value; }捕捉错误{ 日期=空; } 返回日期; } }; .表格{ 宽度:960px; 保证金:120px自动; } .表格输入{ 宽度:250px; 填充:10px; } 请尝试beforeShowDay回调

$('input').datepicker({
  beforeShowDay: function (date) {
    var endDate = $('.end_date').datepicker('getDate');
    var startDate = $('.start_date').datepicker('getDate');
    if (date >= startDate && date <= endDate) {
      return [true, 'my-custom-class', '']; //In range
    }
    return [true, '', '']; //Default return
  }
});
文件参考:


你在期待什么?我需要保护这个结构,因为我的jquery不足以处理日期范围,我不知道什么是日期范围。也许它可以处理日期范围,但我必须使用这个特殊属性。所以在datepicker date中,你需要添加一些类来突出显示。我说得对吗?是的,你说得对,我需要大声点好的,让我试试