2016-12-16 5 views
0

Javascriptに月の名前を付けるにはどうすればいいですか?

$(document).ready(function() { 
 
      $('#txtDate').datepicker(); 
 
     }); 
 

 
     function getdate() { 
 
      var tt = document.getElementById('txtDate').value; 
 

 
      var date = new Date(tt); 
 
      var newdate = new Date(date); 
 
      //Second Date 
 
      newdate.setDate(newdate.getDate() + 1); 
 

 
      var dd = newdate.getDate(); 
 
      var mm = newdate.getMonth() + 1; 
 
      var y = newdate.getFullYear(); 
 

 
      var someFormattedDate = dd + '/' + mm + '/' + y; 
 
      document.getElementById('second_date').value = someFormattedDate; 
 

 
      //Third Date 
 
      newdate.setDate(newdate.getDate() + 1); 
 

 
      var dd = newdate.getDate(); 
 
      var mm = newdate.getMonth() + 1; 
 
      var y = newdate.getFullYear(); 
 

 
      var someFormattedDate = dd + '/' + mm + '/' + y; 
 
      document.getElementById('third_date').value = someFormattedDate; 
 
      }
.ui-datepicker { 
 
      background: #fff; 
 
      width: auto; 
 
      height: auto; 
 
      margin: 5px auto 0; 
 
      font: 10pt Verdana, Arial, sans-serif; 
 
      border: 1px solid #b4b3b3; 
 
     }
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
Date: 
 
    <input id="txtDate" type="text" /> 
 

 

 
    <input type="button" onclick="getdate()" value="Fill Follow Date" /> 
 
    <br /> 
 
    <br /> 
 
    Follow Date: 
 
    <p> 
 
     2nd day: 
 
    <input id="second_date" type="text" /> 
 
    </p> 
 
    <p> 
 
     3rd day: 
 
    <input id="third_date" type="text" /> 
 
    </p>

私は上記のコードを持っていて、私はそれは、月の名前だけではなく、番号を入力することができますどのように任意の手掛かりを持っている場合、私は不思議でしたか?

P.S.私は初心者であり、あなたはすべて進歩していると知っていますが、それを理解しようとしましたが、できませんでした。

編集:ここで質問見ました:Get month name from Dateをが、かなりこのシナリオでは、それを追加する方法を見つけ出すことはできません...

答えて

0

あなたはおそらくこれはどこに行く必要があり、私を示すことができ、このよう

$(document).ready(function() { 
 
      $('#txtDate').datepicker({ 
 
      dateFormat: 'dd/M/yy'}); 
 
     }); 
 

 
     function getdate() { 
 
      var tt = document.getElementById('txtDate').value; 
 

 
      var date = new Date(tt); 
 
      var newdate = new Date(date); 
 
      //Second Date 
 
      newdate.setDate(newdate.getDate() + 1); 
 

 
      
 
      document.getElementById('second_date').value = newdate.toLocaleDateString('en-GB', { 
 
    day : 'numeric', 
 
    month : 'short', 
 
    year : 'numeric' 
 
}).split(' ').join('/'); 
 

 
      //Third Date 
 
      newdate.setDate(date.getDate() + 2); 
 

 

 
      document.getElementById('third_date').value = newdate.toLocaleDateString('en-GB', { 
 
    day : 'numeric', 
 
    month : 'short', 
 
    year : 'numeric' 
 
}).split(' ').join('/'); 
 
      }
.ui-datepicker { 
 
      background: #fff; 
 
      width: auto; 
 
      height: auto; 
 
      margin: 5px auto 0; 
 
      font: 10pt Verdana, Arial, sans-serif; 
 
      border: 1px solid #b4b3b3; 
 
     }
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 

 
Date: 
 
    <input id="txtDate" type="text" /> 
 

 

 
    <input type="button" onclick="getdate()" value="Fill Follow Date" /> 
 
    <br /> 
 
    <br /> 
 
    Follow Date: 
 
    <p> 
 
     2nd day: 
 
    <input id="second_date" type="text" /> 
 
    </p> 
 
    <p> 
 
     3rd day: 
 
    <input id="third_date" type="text" /> 
 
    </p>

+0

sooooありがとうございます<3 –

2

はあなただけ(ローカライズ)名前の配列を作成する考えがあります:

var months = ['Jan', 'Feb', ... etc]; 
それからちょうどインデックス、それを必要と

var currentMonth = months[new Date().getMonth()]; 

そうしないと、MomentJS

のような図書館で見えるかもしれません
0

使用この

var months = [ "January", "February", "March", "April", "May", "June", 
       "July", "August", "September", "October", "November", "December" ]; 

var selectedMonthName = months[$("#datepicker").datepicker('getDate').getMonth()]; 
+0

を試すことができますか?私はそれをローカルでテストしたところ、すべてが止まった....ここでそれをやることができますか? –

+0

https://jsfiddle.net/5uv3b5hr/ –

関連する問題