现在使用JQUERY,Ajax在文本框中输入日期和日期之间的减法日期

时间:2012-10-19 08:31:49

标签: ajax jquery

我的HTML代码如下:

<script type="text/javascript">
$(document).ready(function(){
    $("#useDatePicker").mouseout(function{
        //$("#result").text() = $("#useDatePicker").text();
        alert(1);
    });
});

</script>
</head>

<body>
<form method="post" name="frm" id="myForm">
<input type="text" name="date" id="useDatePicker"/>
    <input type="text" name="result" id="result" />
</form>

我需要什么:

当用户从日期选择器中选择日期时,它将自动减去日期,结果将在<input type="text" name="result" id="result" />

问题

我对它没有任何概念。

1 个答案:

答案 0 :(得分:0)

可能是你可以使用jquery ui的日期选择器的选择选项

演示:fiddle

 $('#useDatePicker').datepicker({
onSelect: function (date) {

    var today = new Date();

    var result = DateDiff(today, new Date(date));

    $('#result').val(result);

}

});

function DateDiff(date1, date2) {
var diff = date1 - date2;
var num_years = diff / 31536000000;
var num_months = (diff % 31536000000) / 2628000000;
var num_days = ((diff % 31536000000) % 2628000000) / 86400000;

 return Math.floor(num_years) + "years " + Math.floor(num_months) + "months " +    Math.floor(num_days) + "days";
}