Jquery变量在函数中使用

时间:2014-02-17 08:14:54

标签: jquery function

我有jquery的问题。我需要在函数过程中使用变量日期和时间,但我不知道如何。请你能帮助我吗?谢谢。

$(document).ready(function () {

$('input[name="date"]').change(function(){
    var date = $('input[name="date"]').val();
    document.getElementById("date").innerHTML = date;
});

$('input[name="time"]').change(function(){
    var time = $('input[name="time"]').val();
}); 


function process(){

}
});

3 个答案:

答案 0 :(得分:4)

试试这个:

$(document).ready(function () {
var date; //declared global
var time;//declared global
$('input[name="date"]').change(function(){
    date = $('input[name="date"]').val();
    document.getElementById("date").innerHTML = date;
});

$('input[name="time"]').change(function(){
    time = $('input[name="time"]').val();
}); 


function process(){
 //use date, time var as needed.
}
});

答案 1 :(得分:1)

希望我的理解是正确的,即你想在每次日期/时间变化时调用函数进程()。

$(document).ready(function () {

    var date, time; // declare them on top

    $('input[name="date"]').change(function(){
        date = $('input[name="date"]').val();
        document.getElementById("date").innerHTML = date;
        process();
    });

    $('input[name="time"]').change(function(){
        time = $('input[name="time"]').val();
        process();
    }); 

    function process(){
        // use date, time here
    }
});

答案 2 :(得分:1)

我知道已经给出了两个答案,但这是你可以采用的另一种方法;缓存日期和时间字段的选择器,并在process()

的上下文中使用它们
jQuery(function($) {

    var $date = $('input[name="date"]'),
    $time = $('input[name="time"]');

    function process()
    {
        // use $date.val() and $time.val()
    }

    $date.on('change', function() {
        $('#date').text(date);
        process();
    });

    $time.on('change', process);
});

优点是您不会以未定义的日期或时间变量开头,因为他们已经引用了页面上相应的字段。