jQuery的 - 從結束日期減去今天爲止，如果餘下的日期少於6個月給消息

Question

我米laravel上的表單驗證，護照簽發日期和護照的最後一天工作

<div class="control-group"> 
    {!! Form::label('passportIssuedate', 'Passport Issue Date') !!} 
    <div class="controls"> 
     {!! Form::date('passportIssuedate', null, 
    array('id'=>'issuedate',     
    'class'=>'span8 form-control')) !!} 
    </div> 
    <!-- /controls --> 
    </div> 


    <div class="control-group"> 
    {!! Form::label('passportExpirydate', 'Passport Expiry Date') !!} 
    <div class="controls"> 
     {!! Form::date('passportExpirydate', 
    null, array('id'=>'expdate', 'class'=>'span8 form-control')) !!} 
    </div> 

    </div> 

我可以做這個？

$(document).ready(function(){ 

var todaydate = $.now(); 
var enddate = getElementbyID('#expdate').value; 
var result = enddate - todaydate; 

if(result < 6 months){ 
    alert("the expiry date duration should be more than six months"); 
    } 

}); 

任何幫助，提前高度讚賞。 thnx很多。

Answer 1

假設 「結束日期」 和 「todaydate」 是 「日期」 對象的實例，你可以做

diffInMs = enddate.getTime() - todaydate.getTime(); 
diffInDays = diffInMs /1000/ 60/60/24; 

Answer 2

試試這個：

$(document).ready(function(){ 

var todaydate = new Date(); 
var enddate = new Date($('#expdate').text()); // input format is yyyy-mm-dd 
var result = enddate - todaydate; 

if(result < 6 months){ 
    alert("the expiry date duration should be more than six months"); 
    } 

}); 

Answer 3

在moment.js我已經完成了我的任務

<script src="{{ URL::asset('js/moment.js') }}"></script> 
<script type="text/javascript"> 

    $(document).ready(function(){ 

     $('#lastdate').blur(function(){ 
      mydate(); 
     });   

    }); 

    function mydate(){ 
     var duration = moment.duration(6, 'M').humanize(); 
     var lastdate = $("#lastdate").val(); 
     var today = moment().format('L'); 
     var ldate = moment(lastdate).diff(moment(today)); 
     var Result = moment.duration(ldate).humanize(); 
     //alert(Result); 
     if(Result <= duration){ 
      var itsays= "some text message"; 
      $(".classnametobeshowninview").html(itsays); 
     }else{ 
      $(".classnametobeshowninview").html(""); 
     } 
    } 

</script>