Subtraction date between date input in text box and date now using JQUERY,Ajax

Question

I have HTML code as below:

<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>

What I need:

when the user select date from date Picker, it will subtract with date now automatic and the result will be in <input type="text" name="result" id="result" />

Problem

I have no concept with it.

`new Date()` will get you the current time as a Date object. `new Date(fullDate)` will get you the Date object for the supplied date. — John Dvorak, Oct 19 '12 at 08:41
`Date#valueOf()` will get you the Date`s value as a timestamp in milliseconds — John Dvorak, Oct 19 '12 at 08:44
http://stackoverflow.com/questions/327429/whats-the-best-way-to-calculate-date-difference-in-javascript — John Dvorak, Oct 19 '12 at 08:52

fuzionpro · Accepted Answer · 2012-10-23T09:15:17.903

0

may be you can use onselect option of date picker of jquery ui

demo: 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";
}

edited Oct 23 '12 at 09:15

answered Oct 19 '12 at 10:32

fuzionpro

601
6
19

Many thanks for your answer,but the result I want to get as `year month day` for example:`2year 3months 10days` after subtraction.Please help me to fix this.Thanks. – Pov Nu Oct 23 '12 at 07:40
@PovNu i have updated the fiddle i think it achieves your result – fuzionpro Oct 23 '12 at 09:16

Subtraction date between date input in text box and date now using JQUERY,Ajax

1 Answers1