【问题标题】:Comparing two textboxes with datetime value in jquery在jquery中比较两个文本框与日期时间值
【发布时间】:2017-07-31 12:38:42
【问题描述】:

我有两个文本框,一个是到达,另一个是离开。例如,如果用户尝试输入。:

“2017-03-09”出发,到达日期“2017-03-10”,我希望出发值与到达相同。

由于某种原因,我的代码目前无法正常工作。

jQuery:

function onChange(sender, txt, departed) {
    var txtArrival = $("#txtArrivalDate");
    var txtArrivalDate = $(txtArrival).val(); //Value from arrival
    var txtDate = $(txt).val(); //Value from departed

    var departureDate = new Date(txtDate); //Converting string to date
    var arrivalDate = new Date(txtArrivalDate); //Converting string to date

    if (departureDate.getTime() < arrivalDate.getTime()) {
        txt.val = txtArrivalDate; //Does not work, value is not updated
    }
}

【问题讨论】:

  • 首先检查日期是否正确创建。二、比较日期,使用date.getTime方法
  • 是的,它们是正确创建的。为什么date.getTime 应该做些不同的事情?我想要更新文本框的值。
  • 使用getTime()方法将日期作为时间戳进行比较
  • @Rajesh 你能告诉我你的意思吗?
  • @Azola 请创建一个帖子。

标签: javascript jquery asp.net input textbox


【解决方案1】:

这样的?

 function onChange(sender, txt, departed) 
 {
    var txtArrival = $("#txtArrivalDate");
    var txtArrivalDate = $(txtArrival).val(); //Value from arrival
    var txtDate = $(txt).val(); //Value from departed
    
    var departureDate = new Date(txtDate); //Converting string to date
    var arrivalDate = new Date(txtArrivalDate); //Converting string to date

    

    if (departureDate.getTime() < arrivalDate.getTime()) {
         txt.val(txtArrivalDate); //Does not work, value is not updated
    }
}

$("#txtDepartureDate").change(function(event){
  onChange(event, $("#txtDepartureDate"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" id="txtArrivalDate" />
<input type="date" id="txtDepartureDate" />

【讨论】:

    【解决方案2】:

    $(txt).val(txtArrivalDate);
    

    $(txt).html(txtArrivalDate);
    

    而不是

    txt.val = txtArrivalDate;
    

    你想达到什么目的?

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-26
    • 1970-01-01
    相关资源
    最近更新 更多