Javascript日期函数行为减去chrome中的日期

时间:2016-12-28 00:32:21

标签: javascript html5 google-chrome date

时区似乎是个问题。

我已经改变了,明天将彻底测试:

var estimate = new Date(date+" 12:00:00 GMT-0500 (Eastern Standard Time)");

var estimate = new Date(date+" 00:00:00 GMT-0500 (Eastern Standard Time)");

=============================================

https://github.com/extant1/estimated-time/blob/master/estimated_time.html

我在工作时做了一些小事,估计从特定日期算起14周,这只是香草JS和HTML5。

使用html5和下拉日期选择器的chrome浏览器)日期作为当前日期传递,但是一旦我通过date()函数传递日期,它就会减去一天。如果我在Firefox上做同样的事情(日期下拉框不起作用,所以你必须手动输入日期)它工作得很好。

修改:在Chrome中手动添加日期并选择更新时,页面加载时不是

reddit link

<html>
<head>
<title>estimate</title>
<style>
.current {
    background-color: lightblue; 
    width: 260px;
}
.estimate {
    background-color: lightcoral;
    width: 260px;
}
#expTimeinWeeks {
    width: 200px;
}
#date {
    width: 200px;
}
#update {
    width: 100%;
    background-color: lightgreen;
}
.container {
    background-color: gainsboro;
    width: 260px;
}
</style>
</head>

<body>
<div class="container">
    <table>
        <tr>
            <th class="current">Today</th>
        </tr>
        <tr>
            <td class="current"><div id="today"></div></td>
        </tr>
    </table>
    <br>
    <form name="estimatedTime">
    <table>
    <tr>
        <td>Weeks:</td>
        <td><input type="text" maxlength=2 id="expTimeinWeeks" name="expTimeinWeeks" value=14></td>
    </tr>
    <tr>
        <td>Date:</td>
        <td><input type="date" name="date" id="date"></td>
    </tr>
    <table>
        <input id="update" type="button" onclick="estimateDate(weeks=expTimeinWeeks.value, date=date.value);  console.log('Form: ' + date.value);" value="Update"><br>
    </form>
    <br>
    <table>
        <tr>
            <th class="estimate">Estimate</th>
        </tr>
        <tr>
            <td class="estimate"><div id="expTime"></div></td>
        </tr>
    </table>
</div>
<script>
    // Create function to change date.
    function estimateDate(weeks=14, date=now) {
    console.log("Input:  " + date);
        // create new variable 'estimate' with current date
        var estimate = new Date(date);
        console.log("Estimate:  " + estimate);
        // Convert to days
        var inDays = weeks * 7
        // Modify variable 'now' to be (current date time)+(expWeeks variable * 7)
        estimate.setDate(estimate.getDate()+inDays);
        console.log("Modified:  " + estimate);

        // Modify DOM 'expTime' with the updated date and return it.
        return document.getElementById("expTime").innerHTML = estimate.toDateString(); 
    };
    // Set variable 'now' to the current date and time.
    var now = new Date();
    // Set variable 'expWeeks' to the time (in weeks) for an estimate from the text input "expTimeinWeeks"
    var expWeeks = document.getElementById('expTimeinWeeks').value;
    // Modify DOM 'today' with the current date and time.
    document.getElementById("today").innerHTML = now.toDateString();
    estimateDate(expWeeks, now);
</script>
</body>
</html>

来自页面加载的控制台日志:

Input:  Wed Dec 28 2016 00:12:08 GMT-0500 (Eastern Standard Time)
estimated_time.html:76 Estimate:  Wed Dec 28 2016 00:12:08 GMT-0500 (Eastern Standard Time)
estimated_time.html:83 Modified:  Wed Apr 05 2017 00:12:08 GMT-0400 (Eastern Daylight Time)
estimated_time.html:72

来自手动日期表单更新的控制台日志:

Input:  2016-12-28
estimated_time.html:76 Estimate:  Tue Dec 27 2016 19:00:00 GMT-0500 (Eastern Standard Time)
estimated_time.html:83 Modified:  Tue Apr 04 2017 19:00:00 GMT-0400 (Eastern Daylight Time)
estimated_time.html:57
Form: 2016-12-28

1 个答案:

答案 0 :(得分:0)

您遇到了时区不一致问题。对于美国,初始日期new Date('2016-12-27')在UTC的午夜或者前一天晚上的某个时间成为12/27/16。那就是你失去一天的地方。