How to make Javascript type a month's name?

Question

$(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>

I have the above code and I was wondering if you have any clue how I can make it type the name of the month, not just the number?

P.S. I am a total newbie and I know you're all advanced, but tried to figure it out and I couldn't.

EDIT: Saw the question here: Get month name from Date but can't quite figure out how to add it in this scenario...

score 2 · Answer 1 · answered Dec 16 '16 at 13:25

2

Have you considered just creating an array of (localized) names:

var months = ['Jan', 'Feb', ... etc];

Then just index it where needed:

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

Otherwise you might look at a library like MomentJS

answered Dec 16 '16 at 13:25

Robba

7,684
12
48
76

score 0 · Answer 2 · answered Dec 16 '16 at 13:26

0

Use this

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

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

answered Dec 16 '16 at 13:26

ab29007

7,611
2
17
43

Could you possibly show me where should this go? I tested it locally and the whole thing just stopped.... Can you do it here? – N Alexander Dec 16 '16 at 13:49
https://jsfiddle.net/5uv3b5hr/ – N Alexander Dec 16 '16 at 13:50

Deep · Accepted Answer · 2016-12-16T13:50:33.847

You can try like this,

$(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>

How to make Javascript type a month's name?

3 Answers3