1

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

我猜 onSelect 和 onClose 函数可以解决问题，但我似乎无法让事情正常进行。

提前致谢。

例如：

我想做的是根据在日期选择器中选择的日期在不同的文本框中显示年龄。我已经制作了执行此操作的 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
    })
4

2 回答 2

3

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

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

这是一个简单的例子：

http://jsfiddle.net/7jTNL/

于 2012-08-19T16:23:01.570 回答
0

将更改事件绑定到输入。

$("#theInput")    .datepicker({params...})
                  .change(function(e){
                       //what you want to happen when a date is changed.
                  })
于 2012-08-19T16:22:45.240 回答