Question

点击日期选择卡中的特定日期后，如何调用Javascript函数？

我猜onSelect和onClose函数可以解决问题，但我似乎无法使事情发挥作用。

提前致谢。

例如：

我想要做的是根据在datepicker中选择的日期在不同的文本框中显示年龄。我已经制作了JS功能，但我不知道如何在点击日期选择器中的日期后调用它。

此JS函数根据给定的日期计算年龄。

// Calculates age based on birth date
function calAge() {
var now = new Date();
var bday = form1.elements['bday'].value;

bD = bday.split('/');
if (bD.length == 3) {
    born = new Date(bD[2], bD[1] * 1 - 1, bD[0]);
    years = Math.floor((now.getTime() - born.getTime()) / (365.25 * 24 * 60 * 60 * 1000));
    form1.elements['age'].value = (years - 100);
}

}

这是日期选择器。我是否正确调用JS函数？

$(".datepicker2")
    .datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        dateFormat: "dd/mm/y",
        changeMonth: true,
        changeYear: true,
        onSelect: calAge
    })

Answer 1

初始化日期选择器时，您可以像这样定义一个onSelect函数：

$('#datepicker').datepicker({ onSelect: function(date) {alert(date);}});

这是一个简单的例子：

http://jsfiddle.net/7jTNL/

Answer 2

将更改事件绑定到输入。

$("#theInput")    .datepicker({params...})
                  .change(function(e){
                       //what you want to happen when a date is changed.
                  })

点击特定日期后如何调用js函数？

2 个答案: