带有标记日期的日历

时间:2014-12-30 09:22:43

标签: javascript jquery twitter-bootstrap jsp

我需要标记日历日期范围,因为它在stackoverflow中标记 - 在配置文件中访问过的功能。

enter image description here

目前我正在使用bootstrap日期选择器。 我们可以在bootstrap日期选择器中标记多个日期。

  $('#from_date').datepicker({
            todayBtn: 'linked',
            todayHighlight: true,
            format: "dd-M-yyyy",
            todayHighlight: true,
            orientation: "auto",
            endDate: '+0d',
            autoclose: true
        });

如果是的话,你可以帮助我吗?

如果没有,请建议一些与bootstrap 3兼容的jquery插件。

1 个答案:

答案 0 :(得分:1)

通过使用此Date-picker,您可以像这样编写代码

首先将您的日期选择器定义为多日期图片。

 // if you have a JSON Array of
//dates in mm-dd-yyyy format

var data= ['5-5-2014','5-15-2014','5-25-2014'];

var dates=[];

for( i=0 ; i<data.length;i++)
{
    console.log(data[i]);
    dates.push(new Date(data[i]));
}

$('.date').datepicker({
    multidate: true
});

console.log(dates);

$('.date').datepicker('setDates', dates);

Fiddle Demo