悬停日期的MultiDatepicker addClass

时间:2016-04-25 18:55:01

标签: jquery datepicker jquery-multidatespicker

我正在使用Multidatepicker作为一个项目,我有两个输入类型的单选按钮,在更改时将获取该值并根据选中的值选择日期数组。

所以我的代码是:

$(function(){
$('#daterangePick').multiDatesPicker();
 $('.form-inputs input[type="radio"]').on('change', function(){
 var dayVal = $('.form-inputs input[type="radio"]:checked').val();
  $('#daterangePick').multiDatesPicker({
  mode: 'daysRange',
    autoselectRange: [0,dayVal],
  });
 });
 }());

我的Html是:

<div class="form-inputs">
    <input type="radio" value="2" name="da[]" ><label>2 Days</label>
    <input type="radio" value="4" name="da[]" ><label>4 Days</label>
</div>
<div class="box" >
    <input type="text" id="daterangePick">
</div>

现在根据项目要求,我必须根据我的单选按钮的选中值悬停更改颜色。 但我无法悬停,即按照广播检查值的日期长度添加一个类。 实际上客户想要这个页面功能https://www.renttherunway.com/shop/designers/elliatt/porcelain_picnic_dress

日历下拉列表中的

如果有人能帮我解决这个问题,我将非常感激。

我已经在这个HTML中完成了 http://lab-4.sketchdemos.com/HTML/datepickerTest/datepicker2/

我在更改输入字段时选择了日期 但是我需要根据更改功能的输入框的值来悬停天数,这意味着如果我检查2天,那么datepicker中的2天将悬停,如果我检查4天,则datepicker中的4天将悬停。

请帮帮我

0 个答案:

没有答案