Question

这里有许多线索可以解读类似的问题，并且我试图应用于我的情况，对于所有这些我都无法解决这个问题我很害怕并且希望得到一些帮助

如果选择了某些日期，我需要在表单上使用javeascript警报的2个datepicker实例。使用我发现的一个例子我能够得到一个工作，但我无法将其他日期选择器命名为一些独特的东西，以使第二个工作正常

$(window).load(function(){
var Event = function (text, className) {
this.text = text;
this.className = className;
};

var events = {};
events[new Date("02/07/2014")] = new Event("Event01", "highlight");

events[new Date("02/26/2014")] = new Event("Event02", "highlight");
events[new Date("02/27/2014")] = new Event("Event03", "highlight");

$("#datepicker").datepicker({
beforeShowDay: function (date) {
    var event = events[date];
    if (event) {
        return [true, event.className, event.text];
    } else {
        return [true, '', ''];
    }
},
onSelect: function (date) {
    var event = events[new Date(date)];
    if (event) {
        alert(event.text)
    }
}
});
});//]]>  
</script>


<body>
<input type="text" id="datepicker">
<input type="text" id="datepicker2">

</body>

感激不尽的任何帮助

Answer 1

如果你想对两个日期选择器应用相同的功能，那么你最好给它们分配一个类并使用它来控制它们。

<input type="text" class="datepicker" />

$(".datepicker").datepicker({ beforeShowDay: function (date) { var event = events[date]; if (event) { return [true, event.className, event.text]; } else { return [true, '', '']; } }, onSelect: function (date) { var event = events[new Date(date)]; if (event) { alert(event.text) } } });

具有onselect警报的多个datepicker实例

1 个答案: