Current day , month, year from datepicker

Question

I have the below piece of code for getting me the current date.

$('#txtSelectedDate').datepicker({
    showButtonPanel: true,
    currentText: "Today:" + $.datepicker.formatDate('dd mm yy', new Date())
});

How do i extract to alert day, month, year separately.

Would you let me know it with the syntax !?, JS and datepicker is a lil new to me. Thanks — shwink, Dec 22 '16 at 06:15
I think you should do something like `var date = $.datepicker.formatDate('dd mm yy', new Date()); alert("Day:" + data.getDay() ...);` But I didn't checked if these methods are available — Jerome, Dec 22 '16 at 06:15
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Date — NVG, Dec 22 '16 at 06:16

score 2 · Answer 1 · answered Dec 22 '16 at 06:31

2

var d = new Date();

var date = d.getDate();

var month=d.getMonth()+1;
// we are adding 1 to getMonth Method, becoz it will return 0 to 11

var year=d.getFullYear();

Hope it helps..

answered Dec 22 '16 at 06:31

Justin

91
1
7

score 0 · Answer 2 · edited May 23 '17 at 12:25

0

Please try,

var today = new Date();
console.log(today.getDate());
console.log(today.getMonth());
console.log(today.getFullYear());

SoF reference How to format a JavaScript date

edited May 23 '17 at 12:25

Community

1
1

answered Dec 22 '16 at 06:17

Sri

1,117
6
11

score 0 · Answer 3 · edited Dec 22 '16 at 06:50

0

Initialize the datepicker with the altField option specified:

$( ".selector" ).datepicker({
   altField: "#actualDate"
});

Initialize the datepicker with the altFormat option specified:

$( ".selector" ).datepicker({
   altFormat: "yy-mm-dd"
});

Please refer for more detail:-

http://api.jqueryui.com/datepicker/

edited Dec 22 '16 at 06:50

Rajesh Patel

1,725
13
19

answered Dec 22 '16 at 06:18

Thusitha Indunil

734
1
6
19

score 0 · Answer 4 · answered Dec 22 '16 at 06:18

0

So after looking on the web you can do that :

var date = $.datepicker.formatDate('dd mm yy', new Date());
alert("Day:" + date.getDay() + "month:" + date.getMonth() + "year:" + date.getFullYear());

answered Dec 22 '16 at 06:18

Jerome

1,032
10
27

score 0 · Answer 5 · answered Dec 22 '16 at 06:21

Try this. You can use the onSelect event

<html>

<head>
    
    <link href="http://code.jquery.com/ui/1.9.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
    <input type='text' class='date'>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script>
        $(function ($) {

            $("#dataPicker").datepicker({
                onSelect: function (dateText) {
                    display("Selected date: " + dateText + "; input's current value: " + this.value);
                    alert("Day " + (new Date(dateText)).getDate() + " Month: " + (new Date(dateText)).getMonth() + " Year: " +  (new Date(dateText)).getFullYear())
                }
            }).on("change", function () {
                display("Got change event from field");
            });

            function display(msg) {
                $("<p>").html(msg).appendTo(document.body);
            }

        });
    </script>
</head>

<body>
    <div id="dataPicker">

    </div>
</body>

</html>

score 0 · Answer 6 · answered Dec 22 '16 at 06:21

0

I think you should do this way

 $('#txtSelectedDate').datepicker({
        showButtonPanel: true,
        currentText: "Today:" + $.datepicker.formatDate('dd mm yy', new Date()),
       onSelect: function(){
                var day = $("#txtSelectedDate").datepicker('getDate').getDate(); 
    alert(day);                
                var month = $("#txtSelectedDate").datepicker('getDate').getMonth() + 1;  
    alert(month);           
                var year = $("#txtSelectedDate").datepicker('getDate').getFullYear();
               alert(year);
            }
    });

answered Dec 22 '16 at 06:21

Rajesh Patel

1,725
13
19

Thanks Rajesh, but I'm trying to get Today's date info. What you suggested will provide the selected date from datepicker – shwink Dec 22 '16 at 06:43
@shwink do u want to alert today day,month,year or print ? – Rajesh Patel Dec 22 '16 at 06:48
Yes that correct. I need to check the selected date should not be earlier than today. – shwink Dec 22 '16 at 06:56

Current day , month, year from datepicker

6 Answers6