カウントダウンで、IEのみに不具合。(jsで実装)

###カウントダウンで、IEのみに不具合。
サーバーから時間を取得し、指定日時までの日数をカウントするものをjsで実装しました。（下記実装例）
window10「Chrome、Firefox、Edge」の最新版では、正しく計算された数値が表示さてるのに、「IE」のみ、間違った数値が表示されます。

IEでも正しい数値を表示させたいのですが、どのように対処すべきか自力で解決ができませんでした。
どなたか、アドバイスご教授いただけると幸いです。

###実装例

HTML
1<div id="count"></div>

javascript
1$.ajax({
2  type: 'GET'
3}).done(function(data, status, xhr) {
4    var serverDate = new Date(xhr.getResponseHeader('Date'));
5    var anyDate = new Date("2018/01/01 00:00:01");
6    var dayTime = Math.ceil((anyDate - serverDate)/(1000*60*60*24));
7
8    $('#count').text(dayTime);
9});

行動規範の内容に同意します

回答2件

ベストアンサー

キャッシュ対策だけならajaxのプロパティ調整だけでもよいかと

javascript
1$.ajax({
2  type: 'GET',
3  cache:false,
4}).done(・・・・

投稿2017/10/10 00:32

yambejp

総合スコア114843

退会済みユーザー

2017/11/25 23:09

ご助言ありがとうございます。お返事がおそくなりました。「type: 'GET'」を追記したら、IEでも問題なく表示されるようになりました。

行動規範の内容に同意します

不具合がAjax&IEのみ発生するということなので、Ajaxのcacheが原因ではないでしょうかー。。
$.ajaxSetup#cacheをfalseに設定してみてください。
後、質問文にIEのバージョン情報を記載して頂けると、他の人も不具合の再現テストがし易いと思います。

以下サンプルコード

JavaScript
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5<title></title>
6<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
7<script type="text/javascript">
8function test(){
9$.ajaxSetup({
10    cache: false,
11});
12$.ajax({
13  type: 'GET'
14}).done(function(data, status, xhr) {
15    var serverDate = new Date(xhr.getResponseHeader('Date'));
16    var anyDate = new Date("2018/01/01 00:00:01");
17    var dayTime = Math.ceil((anyDate - serverDate)/(1000*60*60*24));
18
19    $('#count').text(dayTime);
20});
21};
22</script>
23</head>
24<body onload="test();">
25<div id="count"></div>
26</body>
27</html>