'jQuery DatePicker set time and date

Hello I was asked to modify some code. We got something like this:

$("#expiration_datepicker").datetimepicker( "option", "disabled", false ).attr('value', '');

$("#expiration_datepicker").datetimepicker({
    dateFormat: 'mm-dd-yy',
    showOn: 'button',
    buttonImage: '../chassis/images/calendar.gif',
    buttonImageOnly: true,
    minDate: 0,
    maxDate: '+5Y',
    duration: '',
    <c:if test="${formIsReadonly or form.newsItemId == '-1'}">
        disabled: true,
    </c:if>
    constrainInput: false,
    timeFormat: 'hh:mm'
});

Looks like this is setting up the date picker

How Can I set it up to default show todays date and time?? like dd-m-yy hh:mm

javascript jquery

Solution 1:^[1]

Check the datepickers documentation for more customizations. Surely it have..

$("#expiration_datepicker").datetimepicker("option", "disabled", false).attr('value', '');
       
$("#expiration_datepicker").datetimepicker({
    **dateFormat: 'dd-m-yy',** // date format goes here
    showOn: 'button',
    buttonImage: '../chassis/images/calendar.gif',
    buttonImageOnly: true,
    minDate: 0,
    maxDate: '+5Y',
    duration: '',
    <c:if test="${formIsReadonly or form.newsItemId == '-1'}">
        disabled: true,
    </c:if>
    constrainInput: false,
    timeFormat: 'hh:mm'  // time format here
});

Usage:

<script>
    $('#expiration_datepicker').click(function() {
        ('#expiration_datepicker').datetimepicker('setDate', (new Date()));
    });
</script>

Solution 2:^[2]

just use setdate and new Date() for date/time right now

$(function() {
    $("#datepicker1").datetimepicker({  
        dateFormat: 'dd-m-yy'        
        // your options
    }).datetimepicker("setDate", new Date());
});?

FIDDLE

Solution 3:^[3]

Need to add .datepicker("setDate", "0") after the datetimepicker call. see the code below.

$("#expiration_datepicker").datetimepicker( "option", "disabled", false ).attr('value', ''); 
$("#expiration_datepicker").datetimepicker({  
    dateFormat: 'dd-m-yy hh:mm', // format goes here. Check its documentation for more.         
    showOn: 'button',         
    buttonImage: '../chassis/images/calendar.gif',         
    buttonImageOnly: true,         
    minDate: 0,        
    maxDate: '+5Y',         
    duration: '',         
    <c:if test="${formIsReadonly or form.newsItemId == '-1'}">
        disabled: true,
    </c:if>
    constrainInput: false,         
    timeFormat: 'hh:mm'
}).datetimepicker("setDate", "0");

Solution 4:^[4]

var d = new Date();
$("#VALUATION_DATETIME").datetimepicker({  
    showSecond: false,
    dateFormat: "dd/mm/yy",
    timeFormat: 'HH:mm',
}).datetimepicker("setDate", new Date());

Output:- 14/04/2022 17:40

Solution 5:^[5]

Set date programmatically:

$('#inputID').datetimepicker("setDate", "05.01.2017 13:36");

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Tyler2P
Solution 2
Solution 3	Tyler2P
Solution 4	user18803248
Solution 5	Tyler2P

'jQuery DatePicker set time and date

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]